51工具盒子

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

jquery

jquery 插件学习(六)

jquery 插件学习(六)

厉飞雨 阅读(7) 评论(0) 赞(1)

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

jquery 插件学习(五)

jquery 插件学习(五)

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

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

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

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

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

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

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

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

厉飞雨 阅读(9) 评论(0) 赞(1)

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

基于jquery的放大镜效果

基于jquery的放大镜效果

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

核心代码: ++复制代码++ 代码如下: $(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...

JQuery入门—编写一个简单的JQuery应用案例

JQuery入门—编写一个简单的JQuery应用案例

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

一、官方网站下载:http://jquery.com 二、引入JQuery文件库 下载完后不用安装,只需将文件导入页面中即可,即在\<head\>\</head\>中加入如下代码:\<script language="javascript" type="text/javascript" src=&...

jQuery建立一个按字母顺序排列的友好页面索引(兼容IE6/7/8)

jQuery建立一个按字母顺序排列的友好页面索引(兼容IE6/7/8)

厉飞雨 阅读(8) 评论(0) 赞(1)

大多数Web开发人员很可能很熟悉使用锚链接跳转到的页面部分的解决方案。你可以设置一个特定的name属性的锚链接,并使用href值作为哈希符号来跳过页面。这种效果当需要列出很长的数据集时,是非常实用的,比方说一个FAQ页面,一问一答的形式经常采用这样的效果,然而页面跳转对于游客来说有时候并不是好友好,因为他一点击直接跳转,陌生的游客对此可能感到困惑,不知道当前的数据跑那里去了, ...