当前目录: jquery制作
jquery 鼠标按住触发事件

2015年6月19日  jquery制作,前端资源   

按住 不松开 不放手 拖拽 拖动 jquery按住鼠标左键不松开才能触发的事件。 需要用到mousedown和mouseup组合才能实现效果。例如 $('#svg').mousedown(function(e){ //点击鼠标就算不松开也会触发事件      $(this).mousemove(function(e){ //在此作用域中不断移动获取XY坐标          document.title=e.pageX+'---'+e.pageY      }); }); $('#svg').mouseup(function(){ //松开鼠标左键触发事件      $(this).unbind('mousemove'); //解绑之前的mousemove事件 }); 这样的组合效果就是,只要按住鼠标左键不放才能获取到XY坐标,一旦松开鼠标左键就停止获取。  

jquery Deferred对象 延迟对象

2015年4月30日  jquery制作,前端资源   

回调 函数 一,什么是deferred对象? 开发网站的过程中,我们经常遇到某些耗时很长的javascript操作。其中,既有异步的操作(比如ajax读取服务器数据),也有同步的操作(比如遍历一个大型数组),它们都不是立即能得到结果的。 通常的做法是,为它们指定回调函数(callback)。即事先规定,一旦它们运行结束,应该调用哪些函数。 但是,在回调函数方面,jQuery的功能非常弱。为了改变这一点,jQuery开发团队就设计了deferred对象。 简单说,deferred对象就是jQuery的回调函数解决方案。 它解决了如何处理耗时操作的问题,对那些操作提供了更好的控制,以及统一的编程接口。它的主要功能,可以归结为四点。下面我们通过示例代码,一步步来学习。 二、ajax操作的链式写法 首先,回顾一下jQuery的ajax操作的传统写法: $...

jquery文本信息滚动

2015年4月23日  jquery制作,前端资源   

文本滚动 文字滚动 垂直 滚动 HTML: <ul> <li style="background:red">1,所发生的方式111的</li> <li>2,所发生的方式的</li> <li>3,所发生的方式的</li> <li>4,所发生的方式的</li> <li>5,所发生的方式的</li> </ul> JS: var li_num=$('ul li').length; var set_num=4;//信息小于或者等于4条就不会滚动 function run(){ $('ul li:first').animate({opacity:'0'},800,function (){ $(this).css({opacity:'1'}).appendTo($('ul')); run(); }); }; if(li_num<=set_num){ $('ul li').stop(true,true).stop(); }else{ run() } $('ul').mouseenter(function(){ $('ul ...

jquery简单拖拽效果

2015年3月4日  jquery制作,前端资源   

js 拖拽   drag 此案例有一个问题就是 快速拖拽的话被拖拽层会脱离。解决方法就是鼠标脱离被拖拽层时,给拖拽层一个mouseout事件,事件内容是给document绑定一个mousemove事件,让拖拽层跟着document跑就行了。 参考此案例:drag11   至于为什么会脱离? 参考文章:http://yangsp1.iteye.com/blog/490521

同一个页面使用多个选项卡

2015年1月20日  jquery制作,前端资源   

同一个页面使用多个选项卡,最低可以兼容IE6。 tab