摘要:
1、jQuery UI是在jQuery的基础上,利用jQuery的扩展性,设计的插件。提供了一些常用的界面元素,如:模态框、日期控件等。 2、下载地址:http://jqueryui.com/download/ 3、使用:引入jquery-ui.css、jquery-ui.js,然后查看index. 阅读全文
posted @ 2017-06-29 18:05
carrie_zhao
阅读(130)
评论(0)
推荐(0)
摘要:
1、如图:制作一个三级城市联动 2、步骤:①定义数据,数据肯定是一个大的json对象{key,value}形式的,只要明确了这一点就可以一级级的把省、市、县展开了。如图: ②待页面加载完毕,定义两个变量:一个用来接收当前选定的省,一个用来接收选定的市,var pro, city; ③遍历CITYS数 阅读全文
posted @ 2017-06-29 17:58
carrie_zhao
阅读(192)
评论(0)
推荐(0)
摘要:
jquery.lazyload是一个实现图片延迟加载的jQuery 插件,它可以延迟加载长页面中的图片。在浏览器可视区域外的图片在初始状态下不会被载入,直到用户将页面滚动到它们所在的位置。 1.引入js文件 2.img标签 img标签的src指向一个图片占位符,这里推荐一个在线获取图片占位符的站点 阅读全文
posted @ 2017-06-29 13:37
carrie_zhao
阅读(234)
评论(0)
推荐(0)
摘要:
如何使用jQuery去封装插件,区分扩展全局方法与扩展一个普通的jQuery实例对象的方法 1、给全局对象扩展方法:①$.方法 = function(参数可加可不加){} ②使用:$.方法(有参数的带参数,没有的为空),实例如下: $.log =function() { console.log(ne 阅读全文
posted @ 2017-06-29 11:20
carrie_zhao
阅读(537)
评论(0)
推荐(0)
摘要:
如图:犹豫$在js中可以作为一个变量去定义,所以在引入jQuery包之前定义了$对象,那么,在引入jQuery包之后就不能使用$对象了 解决:使用$.noConflict()她可以返回一个对象,这个对象名是任意定义的,使用了$.noConflict()之后即释放了$对象,那么再在jQuery中使用的 阅读全文
posted @ 2017-06-29 10:44
carrie_zhao
阅读(158)
评论(0)
推荐(0)
摘要:
一、图片跟随鼠标移动 1、要求:鼠标移动到哪,图片就要跟到哪 2、用到的事件:首先监听鼠标:$(document).mousemove(function(event){ }); //此时可以获取鼠标距离页面左侧、顶部的距离通过event.pageX、event.pageY,然后通过修改图片的left 阅读全文
posted @ 2017-06-29 10:38
carrie_zhao
阅读(417)
评论(0)
推荐(0)

浙公网安备 33010602011771号