javascript广告漂浮效果代码
本例主要是网页漂浮广告代码,就是一个小框框在网页里漂浮。这个网页漂浮广告的实现也很简单,在网页中通过javascript寻找id为img1的div,然后通过js代码来实现网页内的漂浮广告。
很简单的一个div,然后调用js.js去控制这个div
看网页漂浮广告代码里js.js的代码
<script type="text/javascript">var x=0;var y=0;var vx=1;var vy=1;//每次移动距离function move(){var pic=document.getElementById("pic");x=x+vx;y=y+vy;pic.style.left=x+"px";pic.style.top=y+"px";//如果x+图片宽度大于窗口宽度或者x<0,反方向移动 if((x+pic.offsetWidth)>document.body.clientWidth||x<0){vx=-vx};if((y+pic.offsetHeight)>document.body.clientHeight||y<0){vy=-vy};}setInterval("move()",10);function shut(){document.body.removeChild(document.getElementById("pic"))}</script>
请看html中的代码
<body style="padding:0px;margin:0px;"><div id="pic" style="position:absolute"><img src="pc1.jpg" /><input type="button" value="关闭" style="position:absolute" onClick="shut()"></div></body>
新手 请大神多指导
Deephug