js 抖动效果,似QQ抖动一样

分类:js小程序

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

 

本文链接: js 抖动效果,似QQ抖动一样
版权所有:布士收藏夹在网络收集,如有侵犯你的权利, 请联系QQ:641868752。

评论

发表评论

*

* (显示gravatar头像)

Ctrl+Enter快捷回复

© 2014 布士收藏夹 all rights reserved.