摘要: CSS3+JS制作的一款图标任意拖动,并且可以放在文件夹中,拖动下方的图标 可以放在任意地方,也可以直接放在文件夹里面,当拖动图标事,文件夹会有一个打开特效。效果不错,而且兼容性也处理的很好。适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.IE6下也可以进行拖动,但是没有文件大小打开特效,兼容性方面还做的不错。下图是特效浏览出来的效果图:css3特效地址:http://www.jqshare.com/Divcss/fondone/id/21.html 阅读全文
posted @ 2013-05-17 09:58 不枉少年 阅读(732) 评论(0) 推荐(0) 编辑
摘要: jQuery插件打造10多款具有超强的视觉冲击的图片切换特效,可以多种选择,多种jquery特效每一款都是不同的图片切换效果。几乎整合了所有切换效果。适用于浏览器:IE9+,google,firefox。其它浏览器也可以进行图片切换,但是效果没有那么炫酷的jquery3D效果。下面是部分jquery代码: 1 updateImages = function() { 2 var $back = $teTransition.find('div.te-back'), 3 $front = $teTransition.find('div.te-front'); 4 .. 阅读全文
posted @ 2013-05-17 09:19 不枉少年 阅读(624) 评论(0) 推荐(0) 编辑
摘要: 一款国外强大的jQuery图片浏览插件可设置7种切换jquery特效效果。切换效果,切换时间长短,是否加载后自动播放,播放速度都是可以再插件里面简单的设置一下就可以看到效果!非常牛的一个jQuery插件。适用于浏览器:IE8以上的浏览器,firefox,google等。此jquery插件主要代码如下: 1 <script type="text/javascript"> 2 jQuery(function($){ 3 $.supersized({ 4 // Functionality ... 阅读全文
posted @ 2013-05-17 08:21 不枉少年 阅读(603) 评论(0) 推荐(0) 编辑
摘要: jQuery+CSS3打造的3款不同的3D焦点图切换jQuery特效,第一款和第三款是点击切换图片,第二款是自动切换图片!都有很好很苦的3D切换效果。第一款是按顺序多屏切换,第三款是3屏切换。本特效不兼容IE6,IE7,IE8但是效果没有其它浏览器的好,没有3D的效果.效果图如下:特效来源于:http://www.jqshare.com/Jq/demo/id/102.html更多jquery特效 阅读全文
posted @ 2013-05-16 13:00 不枉少年 阅读(501) 评论(0) 推荐(0) 编辑
摘要: 一款由HTML5+jQuery打造的过滤归类排序特效,点击导航任意一个就可以进行下面的图片分类,一种洗牌的jquery特效。兼容性也不错,IE6,IE7也可以进行分类,但是没有洗牌的效果。适用于浏览器:IE8+,google,firefox等。可以作为一个照片分类页面,对照片进行快速的分类。可以很清晰的找到自己想要的图片。主要jquery代码如下: 1 $(function() { 2 var Page = (function() { 3 var $navArrows = $( '#nav-arrows' ).hide()... 阅读全文
posted @ 2013-05-16 00:03 不枉少年 阅读(496) 评论(0) 推荐(0) 编辑
摘要: 一款基于jQuery+CSS3进度条载入特效,效果非常炫酷!在加载完后还会自动弹出隐藏的内容!非常好的一个jquery特效适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.主要代码:1 <div id="progress_bar" class="ui-progress-bar ui-container">2 <div class="ui-progress" style="width: 79%;">3 <span class=&qu 阅读全文
posted @ 2013-05-14 21:41 不枉少年 阅读(458) 评论(0) 推荐(0) 编辑
摘要: jQuery+css3炫酷的曲线图,可做作为统计一样数据时来利用它!是一款基于jquery+css3实现的交互式曲线图形插件。有两种形式的统计方式,一种是曲线统计,一种是柱形统计方式。这些都是常用的统计方式,鼠标移动到原点时可设置当前的数据。主要代码如下: 1 var graphData = [{ 2 // Visits 3 data: [ [6, 1300], [7, 1600], [8, 1900], [9, 2100], [10, 2500], [11, 2200], [12, 2000], [13, 1950], [14, 1900], ... 阅读全文
posted @ 2013-05-14 11:57 不枉少年 阅读(2113) 评论(0) 推荐(0) 编辑
摘要: 基于HTML5和CSS的焦点图全屏切换的炫酷特效,带有自动轮播图片,带有不同时间切换的jquery特效,切换时,背景图片会有细微的动态变化,略带有弹性效果,切换时图片和按钮有一定的时间差。先来看看主要的代码有哪些: 1 <section class="first"> 2 <img alt="Kendo UI" src="images/home-banner-1.png"/> 3 <div class="text"> 4 <h2>SmartSite Ver 2.2< 阅读全文
posted @ 2013-05-13 16:23 不枉少年 阅读(1199) 评论(0) 推荐(0) 编辑
摘要: 一款基于jQuery有趣的眼睛随鼠标进行有磁性的旋转,鼠标在何方,眼睛就往哪个方向转动,非常的的有趣的jQuery特效。适用浏览器:FireFox、Chrome、Safari、Opera、傲游、搜狗. 不支持IE8、360、世界之窗。主要代码如下: 1 <script> 2 var getAngle = function(Xc, Yc, Xa, Ya, Xb, Yb) { 3 var v1x = Xb - Xc; 4 var v1y = Yb - Yc; 5 var v2x = Xa - Xc; 6 var v2y = Y... 阅读全文
posted @ 2013-05-13 16:09 不枉少年 阅读(514) 评论(0) 推荐(0) 编辑
摘要: 5款不同的多级导航切换的jQuery特效,非常适用于APP前端特效,点击二级菜单会切换出三级菜单来替换二级菜单。再次点击又会切换回二级菜单,每款都有很炫酷的特效。欢迎大家下载源码研究研究此特效。 个人比较喜欢这种切换的效果。过渡效果都还不错。(点击的时候可以注意观察每行的小三角形的变化)主要的HTML代码: 1 <li> 2 <a href="#">Furniture</a> 3 <ul class="dl-submenu"> 4 <li class="dl-back">&l 阅读全文
posted @ 2013-05-12 09:36 不枉少年 阅读(914) 评论(1) 推荐(0) 编辑