9款2014最热门jQuery实用特效推荐

1.jQuery cxSlide实现的三款多功能大气焦点图轮播

jQuery cxSlide实现的三款多功能大气焦点图轮播特效源码，是一段拥有三种不同风格和效果的焦点图轮播代码，其中有两款最有意思，一款是在将焦点图图片分成了四块，每个图片都连接到不同的地址，并且还拥有鼠标悬浮内图时，其它图片都变暗了的效果，另外一款是，带有带缩略图和文字描述效果的焦点图轮播代码。该实例中的三款焦点图轮播代码都适合于任意网站，需要此款代码的朋友们可以前来下载使用。

在线演示

源码下载

2.jQuery多功能弹出层插件Lightcase源码

这是一款JQuery多功能弹出层插件Lightcase源码，是一款可扩展的lightbox插件，支持所有主流浏览器和移动设备，支持弹出层多种类型的媒体，如：图片，swf视频，html5视频，ajax内容，iframe等。

在线演示

源码下载

3.jQuery/html5实现手机触屏点击弹出导航菜单

这是一款基于jQuery与html5实现的手机触屏点击弹出导航菜单效果源码，点击右上角的菜单按钮即可弹出下拉菜单，并且有二级菜单显示切换功能。整体界面效果清新自然，美观大方，是一款非常实用的优秀特效源码。

在线演示

源码下载

4.jquery点击小图弹出大图全屏幻灯片插件

这是一款基于jquery实现的全屏幻灯片插件源码，点击小图即可弹出大图幻灯片的全屏切换效果。且大图幻灯片有左右切换按钮，右上方有幻灯片关闭按钮，是一款非常优秀的特效源码。

在线演示

源码下载

5.3D立体式图片360度旋转轮回效果

一款3D立体式图片360度旋转轮回效果源码立体效果很棒，保持360度立体式旋转，类似旋转木马一样的效果。

在线演示

源码下载

6.基于jQuery实现的模拟手机客户端五个缩略图左右切换焦点图

基于jQuery实现的模拟手机客户端五个缩略图左右切换焦点图特效源码是一款左右切换，类似手机客户端的banner图片切换效果源码，支持自动切换，代码简洁，左右切换平滑。

在线演示

源码下载

7.基于jQuery实现的可调整图片大小排列方式

jQuery可调整图片大小排列方式特效类似于以前文章里的那种文字大中小切换的样式,只是现在变化的是图片而已,利用jQuery的animate属性，分别给图片三个尺寸,点击的时候将对应的尺寸赋值给图片的宽度、高度即可。

在线演示

源码下载

8.js实现简易的计算器

这是一款基于js实现的计算器小程序，计算器的功能非常简单，能实现简单的加减乘除运算，尽管非常简单，但计算器的外观还算不错，另外，更加高级的运算功能你也可以自己实现，毕竟用Javascript可以实现所有的数学运算。

在线演示

源码下载

9.HTML5桌面式相册特效

今天我们要分享一款基于HTML5和jQuery的相册应用，在浏览相册中的图片时，图片就像放在桌面上一下可以以任意姿势摆放。你也可以拖动图片，让其在桌面的任意位置移动。点击图片上的关闭按钮之后，图片会变成废纸状并消失。

在线演示

源码下载

这里给大家推荐的都是本站访问量较高的jQuery特效，有需要的小伙伴自己参考下。

赞 (0)

相关推荐

  • 基于jQuery实现下拉收缩(展开与折叠)特效

    jQuery下拉收缩特效 $(document).ready(function(){ $(".btn-slide").click(function(){ $("#panel").slideToggle("slow"); $(this).toggleClass("active"); return false; }); }); body { margin: 0 auto; padding: 0; width: 570px; fon

  • 推荐9款炫酷的基于jquery的页面特效

    推荐9款炫酷的基于jquery的页面特效

    1.基于jquery实现的带按钮的图片左右滚动切换 jquery带按钮的图片滚动切换代码是一款jquery制作带按钮的图片左右滚动切换特效代码 在线演示 源码下载 2.基于jQuery的图片上下左右无缝连续循环滚动 imgscroll插件是一款支持图片焦点滚动(支持渐变和滚动),图片连续无缝循环滚动的js库,依赖于jQuery图片无缝连续循环滚动 支持上下左右的滚动. 在线演示 源码下载 3.jquery实现的fixed固定层时间轴动态效果 jquery实现的fixed固定层时间轴动态效果源码,

  • 超炫的jquery仿flash导航栏特效

    FLASH导航现在基本上已经是过时了,但是我们可以用jQuery来实现flash效果,非常的不错. 演示地址:http://demo.jb51.net/js/2014/jqeryfangflashdh/demo.html 复制代码 代码如下: <html>  <head>      <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">      <

  • JQuery插件iScroll实现下拉刷新，滚动翻页特效

    JQuery插件:iScroll 页面布局: <div id="wrapper"> <div id="scroller"> <div id="pullDown"> <span class="pullDownIcon"></span><span class="pullDownLabel">下拉刷新...</span> <

  • jquery之超简单的div显示和隐藏特效demo(分享)

    复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="

  • jquery ui dialog实现弹窗特效的思路及代码

    jquery ui dialog实现弹窗特效的思路及代码

    今天我们用jquery ui dialog来做一个弹窗特效.我们先看下效果截图: 我们可以看到,点击的时候,弹窗出现,而且这个弹窗是居中的,还是可以拖动的...实现这一切,只要以下代码: 我们可以看到,我对pop这个div,实现的方式是让它不要autoopen,点击的时候,我只要一句dialog,open就搞定了,借助于jquery ui,我们做弹窗就是这么简单...当然了,大家可以看到,我还有一个插入数据的功能,这个功能,我采用了jquery 的appendto: 我先通过变量获取值,接着建了

  • jQuery焦点图切换特效插件封装实例

    jQuery焦点图切换特效插件封装实例

    网站焦点图是一种网站内容的展现形式,可简单理解为一张图片或多张图片展现在网页上就是网站焦点图.在网站很明显的位置,用图片组合播放的形式,类似焦点新闻的意思只不过加上了图片.一般多使用在网站首页版面或频道首页版面,因为是通过图片的形式,所以有一定的吸引性.视觉吸引性.容易引起访问者的点击,据国外的设计机构调查统计,网站焦点图的点击率明显高于纯文字,转化率高于文字标题5倍.由此看来焦点图的能让游客对企业的第一印象大大提升,下面就给大家介绍一个我们项目中封装使用的漂亮大气的全屏焦点图.如下图所示: 可

  • 基于Jquery的淡入淡出的特效基础练习

    基于Jquery的淡入淡出的特效基础练习

    今天练习了个Jquery淡入淡出的特性代码如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

  • jQuery实现Twitter的自动文字补齐特效

    jQuery实现Twitter的自动文字补齐特效

    上图效果可以使用jQuery插件Typeahead.js来实现,这款jQuery插件来自于Twitter的一个新的项目,支持远程和本地的数据集.比较有特色的地方在于你可以将数据集使用本地存储(local storage)来保存在本地,有效的提高用户体验.同时也拥有很多远程数据集的处理选项,例如(请求频率,最大的并发请求数,等等). 主要特性 支持数据本地保存,客户端加载,优化加载速度 支持多语言,并且支持阿拉伯文 支持Hogan.js模板引擎整合 支持多数据集拼装 支持本地和远程的数据集 项目地

  • jquery实现图片左右间隔滚动特效(可自动播放)

    jquery实现图片左右间隔滚动特效(可自动播放)

    复制代码 代码如下: <!DOCTYPE html > <html> <head> <meta content="text/html; charset=utf-8" /> <title>图片左右间隔滚动Jquery特效</title> <style type="text/css"> *{ margin:0px; padding:0px; font-size:12px;} a{ tex

随机推荐