本程序纯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>
评论