文章分类 -  常用插件

上一页 1 2 3 4 下一页
判断滚动条滚动到某个位置时执行函数，绑定scroll时间。 scrollFun
摘要：window.onload=function(){ $(window).bind("scroll",scrollFun);}var state=false;function scrollFun(){ var Height = $(".video").offset().top; v... 阅读全文
posted @ 2015-08-14 10:48 Shimily 阅读(673) 评论(0) 推荐(0)
图片逐个切换，如【走光效果】，【gif逐帧动画】
摘要：html: js函数封装：function imgShow(ele){ var i=-1; var len=ele.children("img").length; functio... 阅读全文
posted @ 2015-08-14 10:45 Shimily 阅读(521) 评论(0) 推荐(0)
视觉差：利用background-attachment做视差滚动效果
摘要：滚动视觉差示例 ... 阅读全文
posted @ 2015-07-21 13:28 Shimily 阅读(384) 评论(0) 推荐(0)
JS运动框架
摘要：/** * 使用offsetLeft,需注意margin的使用 * offsetLeft = margin-left + left; * offsetWidth= padding + border + width; * * @author Lonve */function getStyle(ele... 阅读全文
posted @ 2015-07-08 14:33 Shimily 阅读(120) 评论(0) 推荐(0)
嵊泗花鸟岛图片切换【走光效果】
摘要：图片渐渐切换 图片渐渐切换 ... 阅读全文
posted @ 2015-07-01 09:46 Shimily 阅读(137) 评论(0) 推荐(0)
页面擦除效果jQuery.eraser
摘要：https://github.com/boblemarin/jQuery.eraser下载：http://i.cnblogs.com/Files.aspx 阅读全文
posted @ 2015-06-26 11:35 Shimily 阅读(204) 评论(0) 推荐(0)
【图片剪切】 自动安装移动的比例（如：2：1）剪切图片【孟祥阳】
摘要：当用户上传各种尺寸的图片时，比如图片时长方形，这时我们在将图片处理成正圆时，就会出现一些问题，下面的方法，可以方便解决此问题。。比例获取方法：Firefox浏览器-控制台运行var canvas=document.createElement('canvas')canvas.width=1canvas... 阅读全文
posted @ 2015-06-09 17:21 Shimily 阅读(544) 评论(0) 推荐(0)
50个精心收集的惊人的jquery绚丽插件--功能全覆盖
摘要：http://www.cnblogs.com/58top/archive/2012/08/03/2622060.html好的网站设计需要有好的效果技巧组合，无论你是一个自由者，设计师，要想使网站效果突出，绚丽，jquery是你一个不二的选择，利用jQuery，你可以很容易地创建自己的图像幻灯片，UI... 阅读全文
posted @ 2015-05-28 11:46 Shimily 阅读(204) 评论(0) 推荐(0)
Touch.js 手机多触点 缩放 移动
摘要：http://touch.code.baidu.com/ http://touch.code.baidu.com/examples.html 下载：http://touch.code.baidu.com/touch-0.2.14.min.js 说明文档：http://cloudajs.org/doc 阅读全文
posted @ 2015-04-28 21:29 Shimily 阅读(596) 评论(0) 推荐(0)
50个精心收集的惊人的jquery绚丽插件--功能全覆盖
摘要：原文地址：http://www.cnblogs.com/58top/archive/2012/08/03/2622060.htmlTN3 Gallery – jQuery Slider and Image GalleryTake a Tour下载Easy Slider 1.7 – Numeric N... 阅读全文
posted @ 2015-04-27 10:48 Shimily 阅读(477) 评论(0) 推荐(0)
滚动动画 SuperScrollorama 时间轴动画
摘要：SuperScrollorama 由 TweenMax 和 Greensock 补间引擎提供动力。第一，链接到jQuery CDN ，然后嵌入 TweenMax.js 和 SuperScrollorama。下一步，启动 SuperScrollorama。把它作为一种控制器的动画。你添加补间和时间表，... 阅读全文
posted @ 2015-04-26 10:57 Shimily 阅读(532) 评论(0) 推荐(0)
word文字去重、去掉一篇文章里面的重复文字。。如何去掉word中重复的字？
摘要：http://jingyan.baidu.com/article/ce09321b274b702bff858f34.html?qq-pf-to=pcqq.c2c如何去掉word中重复的字？一篇文章我想去掉里面重复的字，比如“百度经验百度经验不错啊百度文库百度百科百度百科相当好”，去重后为“百度经验不... 阅读全文
posted @ 2015-04-24 16:02 Shimily 阅读(7229) 评论(0) 推荐(0)
【网页图片优化工具】及使用技巧分享
摘要：作为网页的基本元素，图片是影响页面加载速度的关键因素之一。和图片相关的网站优化技术有 CSS Sprites（图片合并）、延迟加载、图片渐进增强等等。下面向大家分享网页图片优化的一些优秀工具和技巧。一、图片压缩工具：TinyPNG：TinyPNG 使用智能有损压缩技术，以减少 PNG 文件的大小。h... 阅读全文
posted @ 2015-04-24 09:04 Shimily 阅读(131) 评论(0) 推荐(0)
input 常用表单验证项目。。。
摘要：1.失去焦点，获取焦点，输入提示自动消失$(".username,.usertel").focus(function(){ //获取焦点 if ($(this).val()==this.defaultValue){ $(this).val(""); }}).blur(f... 阅读全文
posted @ 2015-04-23 14:11 Shimily 阅读(232) 评论(0) 推荐(0)
【input】 失去焦点时 显示默认值 focus blur label placeholder 【input提示自动消失】★★★★★★★★
摘要：方法一：【适用于PC端】 label方式提示：方便设置提示的颜色和输入时的颜色。并且可以避免： PC端不支持Css3里的placeholder属性的浏览器 表单聚焦失焦 提示自动消失 姓名： 请输入姓名 ... 阅读全文
posted @ 2015-04-23 13:28 Shimily 阅读(1075) 评论(0) 推荐(0)
radio单选按钮样式修改。。。input[type='radio'] 【单选按钮】样式更改
摘要：input[type='radio'].taocan{display: none; background: none; border: none; opacity:0; display:inline-block;}label.labtaocan{ margin-top: 1%; padd... 阅读全文
posted @ 2015-04-22 14:34 Shimily 阅读(1564) 评论(0) 推荐(0)
页面滚动到某位置 进行动画效果。。。SuperScrollorama插件
摘要：http://www.jq22.com/jquery-info236下载地址：http://www.5iweb.com.cn/page-useful-effects/119.html请注意，这是一个功能强大的工具，并且拥有非凡的能力,能力越大责任越大。明智地使用。有点微妙可以走很长的路。SuperS... 阅读全文
posted @ 2015-04-22 14:25 Shimily 阅读(3034) 评论(0) 推荐(0)
img延迟加载：使用jquery插件实现图片延迟加载技术【懒加载技术(简称lazyload)】
摘要：有时我们看到一些大型网站，页面如果有很多图片的时候，当你滚动到相应的行时，当前行的图片才即时加载的，这样子的话页面在打开只加可视区域的图片，而其它隐藏的图片则不加载，一定程序上加快了页面加载的速度，对于比较长的页面来说，这个方案是比较好的。这里推荐使用jquery图片延迟加载插件jquery.laz... 阅读全文
posted @ 2015-04-22 10:15 Shimily 阅读(411) 评论(0) 推荐(0)
lazyload 图片延迟加载技术：jquery-懒加载技术(简称lazyload)使用方法
摘要：第一：lazyLoad简介及作用：网站性能优化的插件，提高用户体验。页面如果有很多图片的时候，当你滚动到相应的行时，当前行的图片才即时加载的，这样子的话页面在打开只加可视区域的图片，而其它隐藏的图片则不加载。第二：使用场合　涉及到图片，falsh资源，iframe，网页编辑器(CK)，JS文件 等占... 阅读全文
posted @ 2015-04-22 10:13 Shimily 阅读(294) 评论(0) 推荐(0)
【卡法 常用 ckl.js 库】： js汇合 表单验证 cookie设置 日期格式 电话手机号码 email 整数 小数 金额 检查参数长度
摘要：【卡法 常用js库】： js汇合 表单验证 cookie设置 日期格式 电话手机号码 email 整数 小数 金额 检查参数长度 阅读全文
posted @ 2015-04-17 11:38 Shimily 阅读(157) 评论(0) 推荐(0)

上一页 1 2 3 4 下一页