WEB前端开发

一个广告轮播效果,这个插件也曾经写过，参见：http://www.css88.com/archives/722

不过这次表现上和上个例子有些不同，其实是一样的代码。

插件的调用：

$(“#myjQuery”).ADSlide({
speed : “normal”,//动画效果的速度
num : 4,//广告个数
timer : 3000,//动画效果的时间间隔
flowSpeed :300//滑块的延迟时间
});

今天网上看到了一个冒泡效果，所以自己照着样子重新写了一个，基本和原来的保持一直。

基本的使用方法：

$("div#demo ul#menu li img").bubbleup({
tooltip: false,//是否提示文本
scale:120,//放大后的图片宽度
fontFamily:'Helvetica, Arial, sans-serif',//提示文本字体
color:'#333333',//提示文本字体颜色
fontSize:12,//提示文本字体大小
fontWeight:'bold',//提示文本字体粗细
inSpeed:'fast',//鼠标划过放大时的速度
outSpeed:'fast'//鼠标已出缩小时时的速度
});

演示地址：http://www.css88.com/demo/bubbleup/

原文地址：http://aext.net/2010/04/bubbleup-jquery-plugin/

前几天网上看到一个Twitter Search的jQuery插件。

比如我们要列出Twitter上的关于“jQuery”的条目我们可以使用：

$(‘#id’).twitterSearch(‘jQuery’);

当然你还可以设置一些参数，比如：

$('#twitter-jQuery').twitterSearch({

term:'jQuery',

title:'jQuery Chatter',

titleLink:'http://www.jquery.com',

birdLink:'http://twitter.com/jquery',

css:{

img: {width: '30px', height: '30px' }

}
});

还可以设置设置一些动画等效果：

$('#twitter3').twitterSearch({
term:   'Butler basketball',
// no fade
animOut: { opacity: 1 },
avatar:  false,
anchors: false,
bird:    false,
colorExterior: '#ddd',
colorInterior: 'white',
pause:   true,
time:    false,
timeout: 2000
});

demo：http://www.css88.com/demo/jquery_twitter/

官方网站：http://jquery.malsup.com/twitter/

 blockSlide 是仿flash的广告轮播jQuery插件，欢迎大家提出意见和建议！

调用方法：

其中：

speed：图片轮播的速度；

num：图片的数量

timer：自动轮播的时间间隔，定时器；

flowSpeed：是滑块移动的速速度

演示地址：http://www.css88.com/demo/jQuery/blockSlide/blockSlide.html