纯JS写的右下角QQ抖动效果

纯JS写的右下角QQ抖动效果，代码简单容易理解修改。

		<script>

		/*** 窗口抖动 ***/ 

		function shake(){ 

		var a=['bottom','right'],b=0;

		var u=setInterval(function(){

		document.getElementById("lovexin1").style[a[b%2]]=(b++)%4<2?0:4 + "px";

		if(b>17){

		clearInterval(u);

		b=0;

		}

		},30)

		}

		/*** 窗口抖动 ***/ 

		document.write('<div id="lovexin1" style="z-index:99999; position:fixed;font-size: 12px; width: 208px; height: 130px;cursor:pointer;display:block;right:0px;bottom:0px;"><a href="#"><img src="/uploads/allimg/140916/1-1409161504241F.gif"/></a></div>');

		shake();//打开网页开始抖动

		setInterval(shake,5000);//设置抖动间隔为5秒

		</script>

效果截图：

纯JS写的右下角QQ抖动效果

<title>纯JS写的右下角QQ抖动效果</title>
<script>
/*** 窗口抖动 ***/ 
function shake(){ 
	var a=['bottom','right'],b=0;
	var u=setInterval(function(){
		document.getElementById("lovexin1").style[a[b%2]]=(b++)%4<2?0:4 + "px";
		if(b>17){
			clearInterval(u);
			b=0;
		}
	 },30)
}
/*** 窗口抖动 ***/ 

document.write('<div id="lovexin1" style="z-index:99999; position:fixed;font-size: 12px; width: 208px; height: 130px;cursor:pointer;display:block;right:0px;bottom:0px;"><a href="#"><img src="/uploads/allimg/140916/1-1409161504241F.gif"/></a></div>');

shake();
setInterval(shake,5000);
</script>
<p>医疗模板库(www.120muban.com)收集整理</p>

随机推荐

手机站底部快速问医生动态图标效果
手机站底部快速问医生动态图标效果，手机站底部常用的快速问医生效果实现。完整代码：复制代码代码如下: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://www.
JS小太阳在页面移动
JS小太阳在页面移动，移到小太阳上有文字提示，点击可进行咨询。效果截图：
JS高级Marquee代码
JS高级Marquee代码创建实例: //参数直接赋值法 new Marquee(marquee) new Marquee(marquee,top) ...... new Marquee(marquee,0,1,760,52) new Marquee(marquee,top,1,760,52,50,5000) ...... new Marquee(marquee,0,1,760,104,50,5000,3000,52) new Marquee
网页浮动窗口跟随页面上下滑动效果
网页浮动窗口跟随页面上下滑动效果，当网页滚动条向下滚动的时候，该浮动窗口也会向下滑动。核心代码：复制代码代码如下: script var tips; var theTop = 100; /*这是默认高度,越大越往下*/ var old = theTop; window.onload=function(){ initFloatTips()
仿患者咨询平台效果
仿患者咨询平台效果，模拟患者提问专家回复效果，吸引患者点击咨询，测试表明点击率非常高。修改问答数据可修改js/data.js文件，问答数据已json数组形式保存。在线演示：仿患者咨询平台效果下载地址：仿患者咨询平台效果效果截图：展开效果收起效果

纯JS写的右下角QQ抖动效果

相关文章

随机推荐