2020-02-16 标签:jquery,图片,延迟,加载,前端,开发,技能,必备,系列,目前,主要,购物,网站,采用,方式,今天在,网友,发现,插件

目前，主要的购物网站都采用了这种加载方式。今天在一个网友的站里发现一个图片延迟加载的插件，很好用，在这里介绍一下。 先介绍一下图片延迟加载原理。我们需要先将图片的真实地址保存在一个自定义的属性中（属性名任你发挥吧，这里我用的是lazy-src），而图片的src属性中用一个占位图片来替代，这个占位图片

2020-02-16 标签:精心,挑选,15,jquery,下拉菜单,制作,教程,今天,本文,就为,大家,25,非常好,示例,slide,down,box,menu,css

今天本文就为大家挑选了25个非常好的 jQuery 下拉菜单制作教程和示例。Slide Down Box Menu with jQuery and CSS3( 演示 | 下载 )Fancy Drop Down Menus Using CSS and JQuery.( 演示 | 下载 )Sliding

2020-02-16 标签:jquery,操作,input,type,radio,实现,代码,如下,n,ame,city,value,beijing,北京,tianjin,天津,nanjing,南京,yangzhou,扬州

如下： 实现代码如下： 北京 天津 南京 扬州 苏州1、获取选中的radio的值： 实现代码如下： $("input[name='city']:checked").val();　　使用元素选择器，再使用属性过滤器name='city'，最后使用:checked选取被选中的元素。 2、给指定值的rad

2020-02-16 标签:jquery,操作,input,type,checkbox,实现,代码,如下,2012,欧洲杯,死亡,小组,出线,国家队,br,n,ame,ation,value

实现代码如下： : 2012欧洲杯"死亡之组"小组出线的国家队是： 德国 丹麦 荷兰 葡萄牙　　1、小组第一名和第二名出线，所以要限制只能选两项。 实现代码如下： var len = $("input[name='nation']:checked").length; if(len==0) { ale

2020-02-16 标签:jquery,操作,select,实例,代码,实现,如下,夺得,2008,欧洲杯,冠军,国家,n,ame,ation,id,option,value,选择

select: 实现代码如下： 夺得2008年欧洲杯冠军的国家是： 请选择 德国 法国 意大利 英国 西班牙 希腊 1、判断是否选择了国家。 实现代码如下： if($("#nation").val()=="") { alert("请选择国家"); }　　2、获取select中option项的个数。

2020-02-16 标签:jquery,hover,func,funct,使用方法,标准,的事,因此,无法,直接,使用,live,进行,处理,以下,方法

因为hover不是标准的事件，因此无法直接使用live进行处理，故使用以下方法代替，效果一样。 实现代码如下： $("table tr").live({ mouseenter: function() { //todo }, mouseleave: function() { //todo } });在

2020-02-16 标签:基于,jquery,鼠标,拖动,效果,代码,记得,之前,随笔,实现,是用,布尔,变量,判断,是否,元素,这两天,看了

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

2020-02-16 标签:很酷,60,jquery,幻灯片,演示,下载,cloud,carousel,shinetime,nivo,slider,interactive,photo,desk,beautiful,stack,gallery,css

Cloud Carousel (演示 | 下载)ShineTime (演示 | 下载)Nivo Slider (演示 | 下载)Interactive Photo Desk (演示 | 下载)Beautiful Photo Stack Gallery with jQuery and CSS3 (演示

2020-02-16 标签:获得,表单,值的,jquery,实现,代码,ie,暂不,支持,css,如下,style,body,margin,padding,div,container,left,10

IE 暂不支持CSS：实现代码如下：body{margin:0;padding:0;}div{margin:0;padding:0;}.container{margin-left:10%;margin-right:10%;}ul li{list-style:none;}ul{padding:0;ma

2020-02-16 标签:解决,jquery,datepicker,本地化,以及,today,问题,直接,加载,文件,也可以,script,后面,加入,如下,语句,实现,代码,function

1、本地化 可以直接加载文件，也可以直接在script后面加入如下语句 实现代码如下： jQuery(function ($) { $.datepicker.regional['zh-CN'] = { closeText: '关闭', prevText: '上月', nextText: '下月',