一键下载75款常用的jquery特效前端网页代码

 

最近“杜圃”对IT的web前端开发特别感兴趣，于是就在搜索网页特效代码，发现jquery这个框架非常好使，于是就迷上了jquery特效，不断的收集jquery的一些简单的网页常用的特效。收集的越多“杜圃”心里就越兴奋，心里一想这么好的jquery特效不能一个人分享啊，要发给大家一起分享使用，于是决定在清明时节，细雨纷纷来临之际，收集75种常用的jquery网页特效，让广大爱web前端开发的爱好者，一睹我“杜圃”对IT专研的成果。

杜圃说：效果比较多哦，要耐心看好哦。看完你就会觉得，做网站还是蛮简单的。  提示：点击文字演示。

1、jquery图片特效（14种 ）

　　（1）、jquery cycle 循环插件多功能幻灯片插件支持多种幻灯片特效

　　（2）、jquery flow 图片切换滚动插件 带分页索引按钮控制图片左右滚动

　　（3）、jquery Xslider 插件图片特效演示图片淡隐淡现、图片上下滚动、图片左右滚动、选项卡

　　（4）、jquery 滚动 kxbdSuperMarquee插件支持图片与文字无缝滚动 图片翻滚 banner制作

　　（5）、jquery 幻灯片插件 canvas 3D旋转木马 图片立体展示 图片有大到小一次顺序排列

　　（6）、jquery 图片放大镜 图片类似放大镜展示鼠标滑过小图异步加载中图、大图

　　（7）、jquery 图片滚动 xslider 插件 图片左右滚动、上下滚动

　　（8）、jquery 图片滚动特效制作 slide 图片类似窗帘式滚动

　　（9）、jquery 图片切换 switchable 带左右按钮控制分页索引图片切换

　　（10）、jquery 图片特效插件 异步读取图片TOP排行榜特效

　　（11）、jquery 图片切换滚动特效带分页索引按钮控制左右图片切换滚动

　　（12）、jquery图片滚动设置序号导航按钮和左右按钮控制单排图片滚动

　　（13）、jquery图片特效banner制作图片上下翻滚、图片左右翻滚、图片淡隐淡现3种图片滚动特效

　　（14）、使用jQuery制作谷歌的圣诞涂鸦

 

2、jquery导航菜单（8种）

　　（1）、jquery 导航 鼠标滑过类似气泡放大缩小显示二级菜单

　　（2）、jquery 导航菜单 jQuery和CSS3制作一个动画导航的向下滑动框菜单

　　（3）、jquery 导航插件 一个动画导航下拉菜单Apycom软件的Java下拉菜单

　　（4）、jquery菜单特效 鼠标滑过菜单区域图标和文本类似flash动画酷炫移动展示

　　（5）、jquery导航菜单插件制作jquery动画菜单熔岩灯菜单效果

　　（6）、jquery导航菜单制作横向二级导航菜单设置当前频道高亮特效

　　（7）、jquery导航菜单制作类似选项卡切换的侧边浮动导航条

　　（8）、jquery树形导航菜单插件制作滑动多级二级下拉菜单展示

 

3、jquery选项卡特效（8种）

　　（1）、基于jquery 选项卡插件jquery tab选项卡支持垂直选项卡滚动、水平选项卡滚动、自动选项卡切换等。

　　（2）、jquery tab选项卡 ajax选项卡 静态选项卡 鼠标点击选项卡 鼠标滑过选项卡

　　（3）、jquery tab选项卡插件 轻量级tab选项卡插件支持鼠标滑过、点击、自动切换、数据回调等功能

　　（4）、jquery 图片延迟插件制作tab选项卡图片异步加载

　　（5）、jquery筛选器插件选项卡 css3制作一个漂亮的HTML5筛选容器插件选项卡

　　（6）、jquery选项卡插件制作标签标题内容slider滑动切换特效

　　（7）、jquery选项卡切换插件特效制作多个slider动画滑动选项卡切换效果

　　（8）、灵活jquery ajax选项卡使用jQuery及CSS3制作选项卡切换异步请求数据

 

4、jquery文字特效（7种）

　　（1）、jquery 3D动画文字滚动标签云,鼠标光标定位触感特效

　　（2）、jquery 文字滚动大全 单行滚动 多行滚动 带按钮控制滚动

　　（3）、jquery 文字连续滚动 节奏感十足的齿轮式滚动图片展示与文字内容特效展示

　　（4）、jquery 文字闪烁支持自动文字闪烁、点击文字闪烁、验证文字闪烁

　　（5）、jquery文字动画插件制作文字flash动画滤镜效果切换特效

　　（6）、jquery字体大小点击切换保存cookie支持大中小字体大小切换

　　（7）、霓虹灯文字效果使用jQuery和CSS

 

5、jquery表单特效（8种）

　　（1）、jquery checkbox 选中 取消 checkbox多选框点击事件控制显示隐藏

　　（2）、jquery 表单美化 input 框模拟select选择框 获取选定的value值

　　（3）、jquery 表单美化 jquery tzCheckbox 复选框美化 自定义默认复选框

　　（4）、jquery复选框 全选 反选 取消 选中输出等功能用jquery特效和jquery插件两种表单特效

　　（5）、jquery 输入框提示特效、机票预定智能输入提示、火车预定智能输入提示

　　（6）、jquery 提交表单制作一个简单的radio单选按钮选项卡

　　（7）、jquery表单验证 formvalidator 插件解决整站提交表单验证问题

　　（8）、使用jQuery制作更好的selcet选择元素和CSS3

 

6、jquery表格特效（5种）

　　（1）、jquery 表格插件:Tablesorter 2.0 插件 表格用户体验内容筛选与分页筛选

　　（2）、jquery 表格插件控制表格表格内容拖动标题固定在顶部

　　（3）、jquery 图表插件可编辑表格生成走势图jquery 图表统计数据

　　（4）、jquery表格变色隔行变色鼠标滑过竖直表格内容变色效果

　　（5）、jquery表格可编辑修改表格里面的数值

 

7、jquery提示框（4种）

　　（1）、jquery powerFloat万能浮动框提示插件 支持图片、文字、ajax、表单等多种提示

　　（2）、jquery 信息提示框 jquery提示插件自定义各种颜色显示提示内容

　　（3）、jquery 信息提示框 鼠标滑过导航文本内容显示提示详细信息文本

　　（4）、jquery 智能提示斯莱德奥特提示使用jQuery和CSS3

 

8、jquery弹出层与浮动层（9种）

　　（1）、jquery smartFloat插件制作仿淘宝产品列表页默认排序搜索框

　　（2）、jquery 弹出层 点击按钮弹出层兼容IE和firefox浏览器

　　（3）、jquery 弹出层插件 ThickBox 多功能弹出层插件支持图片、ajax、内嵌内容弹等

　　（4）、jquery 弹出层插件 鼠标点击文字获取标题弹出层内容信息

　　（5）、jquery 图片提示 交互式图片滑过与点击提示更多文字信息和弹出层信息

　　（6）、jquery 万能float浮动层插件 制作QQ MSN 旺旺在线客服功能

　　（7）、jquery 信息提示对话框 用CSS3更换一个确认对话框

　　（8）、jquery 制作鼠标点击描点a标签返回顶部

　　（9）、jquery特效插件FancyBox弹出层演示

 

9、jquery 手风琴（2种）

　　（1）、jquery 水平手风琴制作一个百叶窗效果展示jquery图片切换

　　（2）、jquery图片切换滚动 水平手风琴切换滚动鼠标滑过图片水平切换

 

10、jquery评分、进度条（2种）

　　（1）、jquery评论星星打分特效、鼠标滑过星星显示评论信息

　　（2）、jquery轻量级进度条 progressbar 带动画显示的进度过程的jquery进度条特效

 

11、jquery日期时间（3种）

　　（1）、jquery select框应用jquery ui滑块slider制作日期时间进度条

　　（2）、jquery 倒计时 设置几天、小时、分钟、秒等属性只需修改到期时间

　　（3）、jquery.datePicker日历控件应用text文本框弹出日历表与默认显示日历表

 

12、jquery颜色选择器（1种）

　　（1）、jquery colorpicker 插件颜色选择器 点击颜色选择颜色值与颜色相应变化

 

13、jquery滚动条美化（4种）

　　（1）、jquery hScrollPane 水平滚动条插件 商品图片横行展示

　　（2）、jquery JScrollPane 插件设置浏览器默认垂直滚动条和内置滚动条

　　（3）、jquery 滚动条 Scrollbar 设置浏览器默认滚动条样式

　　（4）、jquery 滚动条插件 仿iphone苹果横行滚动条美化样式商品图片展示

 

14、jquery其它网页特效

转载之(http://www.cnblogs.com/jsfoot/archive/2012/04/03/2431226.html);