大佬教程收集整理的这篇文章主要介绍了jQuery .slideRight效果,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
hide()
,with additional arguments,如下所示:
$(document).ready( function(){ $('#slider').click( function(){ $(this).hide('slide',{direction:'right'},1000); }); });
不使用jQuery UI,您可以使用animate()
实现您的目标:
$(document).ready( function(){ $('#slider').click( function(){ $(this) .animate( { 'margin-left':'1000px' // to move it toWARDs the right and,probably,off-screen. },1000,function(){ $(this).slideUp('fast'); // once it's finished moving to the right,just // removes the the element from the display,you Could use // `remove()` instead,or whatever. } ); }); });
如果您确实选择使用jQuery UI,那么建议您连接到Google托管的代码:https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js
以上是大佬教程为你收集整理的jQuery .slideRight效果全部内容,希望文章能够帮你解决jQuery .slideRight效果所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。