当前位置：模板网首页 > 特效插件 > 广告特效 > 简单的js对联广告，正文

简单的js对联广告，js图片随滚动条滚动效果

作者：我爱模版网

大小：0MB

点击次数：

发布时间：2013-12-30 15:26

分享到：

特效介绍

本特效为常见两侧跟随滚动条滚动的广告特效。但是，写的比较简单，没有任何css修饰。效果如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>标准对联广告Js代码</title> <style type="text/css">  </style> <script language="JavaScript" type="text/javascript"> lastScrollY=0; function heartBeat(){ var diffY; if (document.documentElement && document.documentElement.scrollTop) diffY = document.documentElement.scrollTop; else if (document.body) diffY = document.body.scrollTop else {/*Netscape stuff*/} percent=.1*(diffY-lastScrollY); if(percent>0)percent=Math.ceil(percent); else percent=Math.floor(percent); document.getElementById("lovexin12").style.top=parseInt(document.getElementById ("lovexin12").style.top)+percent+"px"; document.getElementById("lovexin14").style.top=parseInt(document.getElementById ("lovexin12").style.top)+percent+"px"; lastScrollY=lastScrollY+percent; } suspendcode12="<DIV id=\"lovexin12\" style='left:2px;POSITION:absolute;TOP:120px;'>ad1</div>" suspendcode14="<DIV id=\"lovexin14\" style='right:2px;POSITION:absolute;TOP:120px;'>ad2</div>" document.write(suspendcode12); document.write(suspendcode14); window.setInterval("heartBeat()",1); </script> </head> <body> <div id="mm"></div> </body> </html>
提示：您可以先修改部分代码再运行

使用方法

复制上面代码即可。如果要添加对联广告内容，请添加在“<div id="mm"></div> ”的里面。

本文标签：
js对联特效,js图片随滚动条滚动特效,js对联广告

简单的js对联广告，js图片随滚动条滚动效果效果预览简单的js对联广告，js图片随滚动条滚动效果本地下载

简单的js对联广告，js图片随滚动条滚动效果

热门网页特效

热门PSD模板

热门CSS模板

热门网站源码

热门酷站欣赏

热门建站资源

热门建站教程

热门文章