51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

开源软件

分享20款美化网站的 jQuery Lightbox 灯箱插件

分享20款美化网站的 jQuery Lightbox 灯箱插件

厉飞雨 阅读(4) 评论(0) 赞(0)

  jQuery Lightbox 灯箱插件可以让你为您的网站和应用程序展示优雅的图像,视频 和其它内容(使用模式窗口)。如果你是一个开发人员,你必须拥有 **jQuery** 灯箱插件集合,因为有一部分的客户会要求他们的网站看起来更有吸引力和视觉冲击力。   因此在这个集合中,我们编译了20款最好的 **jQuery** 灯箱插件清单,这将有助于开发人员创建和设计精美的网站...

jQuery事件之键盘事件(ctrl+Enter回车键提交表单等)

jQuery事件之键盘事件(ctrl+Enter回车键提交表单等)

厉飞雨 阅读(5) 评论(0) 赞(0)

键盘事件处理所有用户在键盘敲击的情况,不管在文本输入区域内部还是外部。键盘事件在不同的浏览器中作用的范围是不一样的,通常这种键盘事件可以作用于 Form元素,a标签元素,window ,document这样的元素上。在所有可以获得交点的元素上是可以触发键盘事件的,可以获得焦点的元素可以这样理解,在使用Tab键的时候可以跳跃到的元素就是可以使用键盘事件的元(在没有为这些元素设置t...

jquery 插件学习(六)

jquery 插件学习(六)

厉飞雨 阅读(6) 评论(0) 赞(0)

++复制代码++ 代码如下: ;(function($){ $.extend($.fn,{ color : function(options){ var options = $.extend({},$.fn.color.defaults,options); return this.each(function(){ $(this).css(&q...

jquery 插件学习(五)

jquery 插件学习(五)

厉飞雨 阅读(5) 评论(0) 赞(0)

这节封装插件了,进展怎么样呢? 一般对外发布的插件都应该进行封装,封装的插件还应该符合规范,只有这样写的插件才具有推广价值,并得到其他用户的喜爱。 首先第一步,是定义一个独立域,代码如下所示。 ++复制代码++ 代码如下: (function($){ //自定义插件代码 })(jQuery) //封装插件 确定创建插件类型,选择创...

jquery图片延迟加载 前端开发技能必备系列

jquery图片延迟加载 前端开发技能必备系列

厉飞雨 阅读(5) 评论(0) 赞(0)

目前,主要的购物网站都采用了这种加载方式。今天在一个网友的站里发现一个图片延迟加载的插件,很好用,在这里介绍一下。 先介绍一下图片延迟加载原理。我们需要先将图片的真实地址保存在一个自定义的属性中(属性名任你发挥吧,这里我用的是lazy-src),而图片的src属性中用一个占位图片来替代,这个占位图片当然是越小越好,它基本上只干活、不露面。 ++复制代码++ 代码如下...

基于jquery的鼠标拖动效果代码

基于jquery的鼠标拖动效果代码

厉飞雨 阅读(6) 评论(0) 赞(0)

记得在之前的一个"拖动层"的随笔中,我实现拖动,是用的一个布尔变量,判断是否可以拖动某元素。 这两天看了一些东西,发现不需要设这个布尔变量; 实现过程: 按下鼠标的时候,给文档对象(当然也可以是别的DOM对象)的移动事件绑定一个处理函数,同时也给鼠标抬起时绑定一个解除的处理函数。 ++复制代码++ 代码如下: //按下鼠标并移...

基于jquery的放大镜效果

基于jquery的放大镜效果

厉飞雨 阅读(5) 评论(0) 赞(0)

核心代码: ++复制代码++ 代码如下: $(function(){ var mouseX = 0; //鼠标移动的位置X var mouseY = 0; //鼠标移动的位置Y var maxLeft = 0; //最右边 var maxTop = 0; //最下边 var markLeft = 0; //放大镜移动的左部距离 v...

jquery Mobile入门—多页面切换示例学习

jquery Mobile入门—多页面切换示例学习

厉飞雨 阅读(6) 评论(0) 赞(0)

**1、在JQuery Mobile中**,多个页面的切换是通过\<a\>元素、并将\<href\>属性设置为#+对应的id号的方式进行的。 **2、多页面切换示例代码** : ++复制代码++ 代码如下: \<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//E...