文档章节

【转】75种常用的jquery网页特效

zimingforever
 zimingforever
发布于 2013/05/28 15:28
字数 1948
阅读 876
收藏 5

参考文档:http://www.oschina.net/code/snippet_187746_9846

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其它网页特效
 
点击下载 75 种jquery网页特效


© 著作权归作者所有

zimingforever
粉丝 142
博文 266
码字总数 315040
作品 0
杭州
程序员
私信 提问
分享7个最新的使用jQuery实现的悬浮特效

日期:2011/12/12 来源:GBin1.com 鼠标悬浮特效是网页制作的常用特效之一,最早使用flash可以创新的制作非常炫的效果,现在我们同样也可以使用CSS和Javascript来实现。 今天的这个文章中,我...

gbin1
2011/12/13
6.7K
4
分享简单而实用的网页菜单导航【提供源码】

菜单导航对于一个网站来说非常重要,对于浏览者来说,导航设计的好坏将直接影响用户的体验。这里,我们为网页开发者提供了一系列简单但是实用的导航菜单例子及其源码,仅供参考和学习。 CSS3...

tp_wire
2012/06/14
451
1
7 个效果震憾的 HTML5 应用组件

在HTML5的世界里,任何文本、图像都可以变得令人难以想象,很多HTML5应用也都已经随着浏览器的升级而变得运行飞速,而且兼容性也越来越好。下面为大家介绍7款效果震憾的HTML5应用组件,HTML5...

yykj
2013/07/02
10.7K
19
几个非常实用的JQuery代码片段

jQuery是一个兼容多浏览器的javascript库,核心理念是write less,do more(写得更少,做得更多)。jQuery使用户能更方便地处理HTML(标准通用标记语言下的一个应用)、events、实现动画效果,并...

IT智云编程
2018/11/03
0
0
《基于JQuery和CSS的特效整理》系列分享专栏

《基于JQuery和CSS的特效整理》已整理成PDF文档,点击可直接下载至本地查阅 https://www.webfalse.com/read/201724.html 文章 一款基于jQuery的颜色拾取器 分享一款基于jQuery的QQ表情插件 ...

kaixin_code
2018/11/04
67
0

没有更多内容

加载失败,请刷新页面

加载更多

Replugin借助“UI进程”来快速释放Dex

public static boolean preload(PluginInfo pi) { if (pi == null) { return false; } // 借助“UI进程”来快速释放Dex(见PluginFastInstallProviderProxy的说明) return PluginFastInsta......

Gemini-Lin
50分钟前
4
0
Hibernate 5 的模块/包(modules/artifacts)

Hibernate 的功能被拆分成一系列的模块/包(modules/artifacts),其目的是为了对依赖进行独立(模块化)。 模块名称 说明 hibernate-core 这个是 Hibernate 的主要(main (core))模块。定义...

honeymoose
今天
4
0
CSS--属性

一、溢出 当内容多,元素区域小的时候,就会产生溢出效果,默认是纵向溢出 横向溢出:在内容和容器之间再套一层容器,并且内部容器要比外部容器宽 属性:overflow/overflow-x/overflow-y 取值...

wytao1995
今天
4
0
精华帖

第一章 jQuery简介 jQuery是一个JavaScript库 jQuery具备简洁的语法和跨平台的兼容性 简化了JavaScript的操作。 在页面中引入jQuery jQuery是一个JavaScript脚本库,不需要特别的安装,只需要...

流川偑
今天
7
0
语音对话英语翻译在线翻译成中文哪个方法好用

想要进行将中文翻译成英文,或者将英文翻译成中文的操作,其实有一个非常简单的工具就能够帮助完成将语音进行翻译转换的软件。 在应用市场或者百度手机助手等各大应用渠道里面就能够找到一款...

401恶户
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部