700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > javascript广告漂浮效果代码

javascript广告漂浮效果代码

时间:2022-10-16 01:20:46

相关推荐

javascript广告漂浮效果代码

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。