WEB前端开发

今天看到了一个简单的折叠效果：http://www.sohtanaka.com/web-design/examples/accordion/

不过个人认为这个demo还有一点瑕疵，就是当该项已经展示的时侯，再次点击该项，那么该项应该关闭；所以做了个简单的demo。

查看demo：http://www.css88.com/demo/accordion/

一个广告轮播效果,这个插件也曾经写过，参见：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/

jQuery实现的快速查找就是一个列表中查找和你输入的文字相匹配的项，高亮并前置表示；

如图：

jQuery代码： 继续阅读：jQuery实现的快速查找»

jquery DW CS4插件：jQuery_api_for_dw4，只能用于CS4版本，用扩展管理器安装后即可使用。

点击下载DW cs4的jQuery语法提示插件：jquery_api_for_dw4

先看效果吧：

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

这个实例主要运用js（jquery）控制css和dom属性： 继续阅读：一个简单的展示更多的效果»

 jQuery的取色器，直接鼠标操作，获取相应的十六进制网页颜色代码，非常方便，内置了2种DEMO演示:
 

http://www.css88.com/demo/jquery_colorpicker/index.html

http://www.css88.com/demo/jquery_colorpicker/index2.html