本程序纯js,网络上一些有问题,比如放到自己的代码里就不抖动了,现在这个可以抖动,简单实用!
一些网络上的不能抖动的原因是少了px,你们对比下代码就清楚了
js抖动代码如下:
//关闭按钮 function close_huodong(){ document.getElementById("con_wx_1").style.display='none'; clearInterval(repeat); } /*尾部漂浮*/ document.write("<div id='ft_swt'><div style='width:100%; height:40px; background:url(/templets/baier/images/bottom_swt01.gif) repeat-x'><div style='width:999px; height:40px; margin:0 auto;'><div class='brc' id='brc'><ul><li class='onli'><div class='wxbg1'><a id='wx1' class='wx1'></a></div><div class='bx' id='con_wx_1'><div class='QR box1'><img src='http://baidu.dgbyer.com/templets/baier/images/rightbottom.png' alt='码' usemap='#huodong_know' id='duoduo' /><map name='huodong_know'> <area shape='rect' coords='255,0,280,30' href='javascript:void(0)' onclick='close_huodong();return false;'><area shape='rect' coords='0,20,280,219' href='/swt.html' target='_blank'></map></div></div></li></ul></div><map name='Map' id='Map'></map></div><div class='bx1'><div class='box1'></div></div></div>"); function shake(){ //window.console.log('shake') var a=['bottom','right'],b=0; var u=setInterval(function(){ document.getElementById("con_wx_1").style[a[b%2]]=(b++)%4<2?0+'px':4+'px'; if(b>15){clearInterval(u);b=0} },30) } shake(); repeat = setInterval(shake,5000);
也有jq效果的代码
<script> //抖动 var suspended = '<div id="lovexin1" style="z-index: 9999999; position: fixed; right: 0px; bottom: 40px; width: 214px; height: 124px; cursor: pointer; display: none;">'+ '<a onclick="hideLovexin1()" style="font-size: 18px; width: 40px;display:block;position:absolute;cursor:pointer; right:0px;top:2px;text-align:center;color:#FFFFFF;"><img src="http://www.endbus.cn/images/doudong01.gif" border="0" /></a>'+ '<a href="/" target="_blank">'+ '<img src="http://www.endbus.cn/images/doudong02.png" width="214" height="124" border="0" />'+ '</a>' + '</DIV>'; document.write(suspended); $(document).ready(function(){ $('#lovexin1').css('display','block'); FollowDiv = { follow : function(){ $('#lovexin1').css('position','absolute'); $(window).scroll(function(){ var f_top = $(window).scrollTop() + $(window).height() - $("#lovexin1").outerHeight(); $('#lovexin1').css( 'top' , f_top ); }); } } /*FF和IE7可以通过position:fixed来定位,只有ie6需要动态设置高度.*/ if($.browser.msie && $.browser.version == 6) { FollowDiv.follow(); } shake(); repeat = setInterval(shake,5000);//这里repeat是全局,在hideLovexin1函数中清空 //绑定点击事件 $('#qqShake').bind('click',function(){ if($('#LRfloater0').css('display') == 'block'){ $('#LRfloater0 img').eq(1).click(); } if($('#LRfloater1').css('display') == 'block'){ $('#LRfloater1 area').eq(1).click(); } }) }); function hideLovexin1() { $('#lovexin1').css('display','none'); clearInterval(repeat); } /** * 窗口抖动 */ function shake(){ //window.console.log('shake') var a=['bottom','right'],b=0; var u=setInterval(function(){ $('#lovexin1').css( a[b%2] , (b++)%4<2?0:4 ); if(b>17){ clearInterval(u); b=0; } },30) } //请记住一定要先加载jquery代码才能使用这个js抖动代码 </script>
评论