您好,欢迎来到jQuery吧!QQ群:193687763(钱端开发)

jQuery吧-Write Less, Do More | 注重前端开发

首页 > jQuery > jQuery特效 > jQuery广告代码特效 > 正文

jQuery旋转广告牌特效

2014-03-05 07:03:07 作者:天外飞仙 人气:1555 Views

jQuery旋转广告牌特效
jQuery旋转广告牌特效
js代码

<script src="jquery-1.3.2.js" type="text/javascript"></script><script> $(function() { $('#ad_1 > img').each(function(i, e) { rotate($(this), 500, 3000, i); }); function rotate(elem1, speed, timeout, i) { elem1.animate({ 'marginLeft': '18px', 'width': '0px' }, speed, function() { var other; if (elem1.parent().attr('id') == 'ad_1') other = $('#ad_2').children('img').eq(i); else other = $('#ad_1').children('img').eq(i); other.animate({ 'marginLeft': '0px', 'width': '35px' }, speed, function() { var f = function() { rotate(other, speed, timeout, i) }; setTimeout(f, timeout); }); }); } });</script>

下载地址
预览地址

链接:http://www.jqueryba.com/2616.html(转载时请注明本文出处及文章链接)

jQuery吧-Write Less, Do More | 注重前端开发

jQuery吧-Write Less, Do More | 注重前端开发

Copyright © 2013 jqueryba.com, All Rights Reserved.奔跑在阿里云

免责声明:本站所有内容来源于互联网。如果本站部分内容侵犯您的权益,请您告知,站长会立即处理 苏ICP备12059471号

站内所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!