弹屏jquery

$(‘button’).click(function(){
( ′ &lt; s p a n &gt; &lt; / s p a n &gt; ′ ) . a p p e n d T o ( (&#x27;&lt;span&gt;&lt;/span&gt;&#x27;).appendTo( (<span></span>).appendTo((’.wrap’));
var str=$(‘input’).val();
console.log(Math.random()*100)
$(‘span:last’).html(str).animate({‘left’:-10},20000).css(‘top’,Math.random()*200)

//var ospan=document.getElementsByTagName('span')[0];

// setInterval(function(){
//     console.log($('span').get(0))
//     $('span').get(-1).style.left= $('span').get(-1).offsetLeft-10+'px';
// },1000)

})

<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title></title> <link rel="stylesheet" href="css/index.css" type="text/css" media="screen" /> <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> <script type="text/javascript" src="js/index.js"></script> <!--[if lt IE 7]> <link rel="stylesheet" href="css_2/ie6.css?v000020" type="text/css" media="screen" /> <script type="text/javascript" src="js/ie6.js?v000020"></script> <![endif]--> </head> <body> <div class="pub_c"> <div class="m_banner"> <div class="banner b1" style=" background-image:url(images/banner_2.jpg);" id="banner1"> <div class="main_c pr"> <a href="#" title="" class="start_btn"></a> </div> </div> <div class="banner b5" style=" background-image:url(images/banner_17.jpg);display:none;" id="banner5"> <div class="main_c"> <a href="#" target="_blank" title="" class="l1"></a> <div class="countdown"> <span class="num_1 fsm">0</span> <span class="num_2 fsm">0</span> </div> </div> </div> <div class="banner b2" style=" background-image:url(images/banner_12.jpg);display:none;" id="banner2"> <div class="main_c pr"> <p>更多新功能介绍及教程请 <a href="#" target="_blank" title="">点击此处</a> 或咨询 <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=123456&site=qq&menu=yes" title="">客服QQ</a> / <a target="_blank" href="http://crm2.qq.com/page/portalpage/wpa.php?uin=123456&f=1&ty=1&aty=0&a=&from=6" title="">商务QQ</a></p> </div> </div> <div class="banner b3" style=" background-image:url(images/banner_3.jpg);display:none;" id="banner3"> </div> <div class="banner b4" style=" background-image:url(images/banner_4.jpg);display:none;" id="banner4"> <div class="main_c pr"> <a href="#" title="" class="start_btn">查看详情</a> </div> </div> <div class="banner_ctrl"> <a href="#" class="prev" title=""></a> <a href="javascript:;" class="next" title=""></a> </div> </div> </body> </html>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值