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

模板网 2014-09-16

纯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>

相关文章

  1. 窗口失去焦点是滚动标题,获得焦点后不滚动

    效果要求: 窗口失去焦点是滚动标题,获得焦点后标题不滚动。 效果见代码。

  2. 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

  3. flash焦点图效果slide.swf体积超小,调用方便

    flash焦点图效果slide.swf体积超小,调用方便,swf文件大小只有10K,图片随机切换效果。 代码打包下载: flash焦点图效果slide.swf体积超小,调用方便 效果截图: 代码解释: 复制代码 代码如下: script language=javascript linkarr = new Array(); //定义

  4. 手机站底部快速问医生动态图标效果

    手机站底部快速问医生动态图标效果,手机站底部常用的快速问医生效果实现。 完整代码: 复制代码 代码如下: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://www.

  5. flash图片轮播bcastr4

    flash图片轮播bcastr4,flash实现的图片轮播播放器效果。包含一个slide.swf和一个配置文件config.xml。使用起来简单方便。 示例打包下载: flash图片轮播bcastr4 测试请上传到服务器上。 使用代码: 复制代码 代码如下: object id=bcastr4 data=swf/slide.swf

随机推荐

  1. 窗口失去焦点是滚动标题,获得焦点后不滚动

    效果要求: 窗口失去焦点是滚动标题,获得焦点后标题不滚动。 效果见代码。

  2. 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

  3. flash焦点图效果slide.swf体积超小,调用方便

    flash焦点图效果slide.swf体积超小,调用方便,swf文件大小只有10K,图片随机切换效果。 代码打包下载: flash焦点图效果slide.swf体积超小,调用方便 效果截图: 代码解释: 复制代码 代码如下: script language=javascript linkarr = new Array(); //定义

  4. 手机站底部快速问医生动态图标效果

    手机站底部快速问医生动态图标效果,手机站底部常用的快速问医生效果实现。 完整代码: 复制代码 代码如下: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://www.

  5. flash图片轮播bcastr4

    flash图片轮播bcastr4,flash实现的图片轮播播放器效果。包含一个slide.swf和一个配置文件config.xml。使用起来简单方便。 示例打包下载: flash图片轮播bcastr4 测试请上传到服务器上。 使用代码: 复制代码 代码如下: object id=bcastr4 data=swf/slide.swf