找回密码
 注册
首页 ≡≡网络技术≡≡ WEB前端 浮动图片代码(网页浮动广告图片)

html 浮动图片代码(网页浮动广告图片)

灰儿 2008-3-10 09:24:18
&lt;div id="img" style="position:absolute;"&gt; <br />&lt;a href="<img src="http://www.venshop.com/book/images/url.gif" align=absMiddle /><a target=_blank href="http://www.freedown.net/%22" target=_blank>http://www.freedown.net/"</a>; target="_blank"&gt; <br />&lt;img src="<img src="http://www.venshop.com/book/images/url.gif" align=absMiddle /><a target=_blank href="http://www.freedown.net/logo.gif%22" target=_blank>http://www.freedown.net/logo.gif"</a>; border="0"&gt;&lt;/a&gt; <br />&lt;/div&gt; <br /><br />&lt;SCRIPT LANGUAGE="JavaScript"&gt; <br />&lt;!-- <br />var xPos = 20; <br />var yPos = document.body.clientHeight; <br />var step = 1; <br />var delay = 30; <br />var height = 0; <br />var Hoffset = 0; <br />var Woffset = 0; <br />var yon = 0; <br />var xon = 0; <br />var pause = true; <br />var interval; <br />img.style.top = yPos; <br />function changePos() { <br />width = document.body.clientWidth; <br />height = document.body.clientHeight; <br />Hoffset = img.offsetHeight; <br />Woffset = img.offsetWidth; <br />img.style.left = xPos + document.body.scrollLeft; <br />img.style.top = yPos + document.body.scrollTop; <br />if (yon) { <br />yPos = yPos + step; <br />} <br />else { <br />yPos = yPos - step; <br />} <br />if (yPos &lt; 0) { <br />yon = 1; <br />yPos = 0; <br />} <br />if (yPos &gt;= (height - Hoffset)) { <br />yon = 0; <br />yPos = (height - Hoffset); <br />} <br />if (xon) { <br />xPos = xPos + step; <br />} <br />else { <br />xPos = xPos - step; <br />} <br />if (xPos &lt; 0) { <br />xon = 1; <br />xPos = 0; <br />} <br />if (xPos &gt;= (width - Woffset)) { <br />xon = 0; <br />xPos = (width - Woffset); <br />} <br />} <br />function www_helpor_net() { <br />img.visibility = "visible"; <br />interval = setInterval(&#39;changePos()&#39;, delay); <br />} <br />www_helpor_net(); <br />//For more,visit:www.helpor.net <br />--&gt; <br />&lt;/script&gt;<br />
您需要登录后才可以回帖 登录 | 注册
学习中心
站长自定义文字内容,利用碎片时间,随时随地获取优质内容。
Q设计语言 了解更多
Q Design 提供商家设计所需的指导与资源,帮商家快速完成产品设计、降低生产成本。
学习中心
站长自定义文字内容,利用碎片时间,随时随地获取优质内容。
Q设计语言 了解更多
Q Design 提供商家设计所需的指导与资源,帮商家快速完成产品设计、降低生产成本。