Nicescroll滚动条插件的用法

Posted By admin   |   已有 0 条评论   |   Date: 2017-10-24 15:01:29

Nicescroll滚动条插件是一个非常强大的基于JQUERY的滚动条插件,不需要增加额外的css,几乎全浏览器兼容。ie6+,实现只需要一段代码,侵入性非常小,样式可完全自定义,支持触摸事件,可在触摸屏上使用。 官网地址:http://www.areaaperta.com/nicescroll/ 引入核心文件,插件需要引入1.5.X以上版本的jquery库 最简单的用法如下: $(document).ready( function() { $("html").niceScroll(); } ); 注意:一定要放在 $(document).ready 中进行初始化! 隐藏滚动条 $("#my...

多个js对象内对于jQuery全局对象的事件绑定和卸载的研究

Posted By admin   |   已有 0 条评论   |   Date: 2016-04-19 12:58:40

场景是这样的,实例化多个js组件类,这个里面封装了全局windows绑定的事件,当某个对象销毁后(此时该对象的事件绑定也同时被卸载),如何避免对其他对象的影响,做法是对事件名称进行细化处理,可以在jquery事件命名空间的基础上加上一些后缀: (function(){ var instanceNum = -1; var win = $(window); function log(text){ $("#log").prepend("<p>"+ text +"</p>"); } function Demo(id){ instanceNum += 1; this.instanceIndex = instanceNum; this.id = id; this.init...

jQuery事件绑定的最佳实践

Posted By admin   |   已有 0 条评论   |   Date: 2016-01-20 19:00:06

如果你经常使用jQuery,那么你也许很熟悉事件绑定。这是很基本的东西,但是深入一点,你就能够找到机会让你事件驱动的代码变得不太零碎,并且更容易管理。 更好的选择器策略 让我们从基础的例子开始。下面的HTML代码表示的是可以开合的导航菜单。 <button class="nav-menu-toggle">Toggle Nav Menu</button> <nav> <ul> <li><a href="/">West Philadelphia</a></li> <li><a href="/cab">Cab Whistling</a></li> <li><a href="...

CentOS下配置iptables防火墙

Posted By admin   |   已有 0 条评论   |   Date: 2015-10-07 02:02:41

在CentOS下配置iptables防火墙,是非常必要的。来我们学习如何配置! 在Linux中设置防火墙,以CentOS为例,打开iptables的配置文件:     vi /etc/sysconfig/iptables         通过/etc/init.d/iptables status命令查询是否有打开80端口,如果没有可通过两种方式处理: 1.修改vi /etc/sysconfig/iptables命令添加使防火墙开放80端口     -A RH-Firewall-1-INPUT -m state --state NEW -m tcp -p tcp --dport 80 -j ACCEPT         2.关闭/开启/...

jQuery Jcrop 图像裁剪

Posted By admin   |   已有 0 条评论   |   Date: 2015-06-25 23:24:31

Jcrop 是一个功能强大的 jQuery 图像裁剪插件,结合后端程序(例如:PHP)可以快速的实现图片裁剪的功能。 版本:jQuery v1.5.1+jQuery Jcrop v0.9.12 查看 Demo 官网下载 jQuery Jcrop v0.9.12 文档目录 使用方法 参数说明 API 接口 相关信息 使用方法 载入 CSS 文件 <link rel="stylesheet" href="jquery.Jcrop.css"> 载入 JavaScript 文件 <script&nbs...

jQuery Color animation 色彩动画扩展

Posted By admin   |   已有 0 条评论   |   Date: 2015-06-25 23:13:08

jQuery 的动画方法(animate)支持各种属性的过渡,但是默认并不支持色彩的过渡,该插件正是来补足这一点! PS: 该插件支持 RGBA 颜色的过渡,但是请注意,IE8以下的版本不支持 RGBA 颜色。 支持以下属性:colorbackgroundColorborderColorborderBottomColorborderLeftColorborderRightColorborderTopColoroutlineColor 官网下载 jQuery Animate colors (For jQuery 1.8 and later)(jQuery 1.8 以上版本) jQuery Animate colors (For jQuery 1.7.2 and earlier)(jQuery 1.7.2 以下版本) ...

jQuery Easing Plugin 动画效果扩展

Posted By admin   |   已有 0 条评论   |   Date: 2015-06-25 23:11:15

jQuery 的动画的 easing 参数,默认只提供 "linear" 和 "swing"(默认值),足够日常的任务需求使用,但是当我们需要更好玩的过渡效果时,就可以使用这个扩展插件! 官网下载 jQuery Easing 1.3 使用方法 <script src='jquery.js'></script> <script src='jquery.easing.1.3.js'></script> 覆盖默认方法 这样简单定义,可以覆盖 jQuery 的 easing 默认值 "swing"。 jQuery.easing.def = "string"; 习惯的方法 这个方法和原来 jQuery 的方法一样,很简单,...

jQuery Wookmark 瀑布流布局

Posted By admin   |   已有 0 条评论   |   Date: 2015-06-25 22:58:15

瀑布流布局非常适合大量图片的展示,一改过去裁剪图片尺寸统一的排版,每张图片都能完全展示,并错落有致,让人眼前一亮。 版本:jQuery v1.4.3+jQuery Wookmark v1.4.8注意事项:项目中的 img 元素的 width 和 height 属性需要写,否则定位会不准确。(可以用 JavaScript 实时获取图片的宽高,但图片数量过多时,这将是一件不靠谱的事情,如果你执意要这么做,可以参考这个 Demo) 查看 Demo jQuery Wookmark v1.4.8 文档目录 使用方法 ...

jquery.carousel

Posted By admin   |   已有 0 条评论   |   Date: 2014-07-23 01:17:03

http://www.eafit.edu.co/banners-eafit/carousel/index.html Simple and Customizable "jq.carousel" is a jQuery plugin you can implement a simple carousel and Customizable. Because they are designed to be flexible in various situations, can also be embedded in a responsive site for example. Looping "jq.carousel" is by default have the ability to loop, loop function can also be turned off in options. Indicator Because the default implementations of the indicator are h...

JQuery Tree 插件-zTree v3.0 beta发布

Posted By admin   |   已有 0 条评论   |   Date: 2014-07-08 02:10:40

zTree v3.0 beta(JQuery Tree 插件)发布了!  ▲ zTree 是利用 JQuery 的核心代码,实现一套能完成大部分常用功能的 Tree 插件。它与 IE、FireFox、Chrome 等浏览器保持兼容,在一个页面内可同时生成多个Tree 实例,支持一次性静态生成和Ajax 异步加载两种方式,能够响应和反馈多种事件。它提供了个性化的定制服务,支持灵活的参数配置,用户可以自由选择更换皮肤。  该版本全面调整了js & css 架构,提供了更好的兼容性和易开发性,性能得到了极大提升。主要的新增功能如下: 1.采用延迟加载技术,一次性加载大...