图片随机飘动用html怎么做就是那种图片到处飞的飞慢点图片做的稍微小点求代码

2023-03-08 11:57:01JavaScript033

图片随机飘动用html怎么做就是那种图片到处飞的飞慢点图片做的稍微小点求代码,第1张

建立一个html文件，复制下面的内容，打开就可以看到效果了

<html>

<head>

</head>

<body>

<DIV id=img1 style="Z-INDEX: 100LEFT: 2pxWIDTH: 59pxPOSITION: absoluteTOP: 43pxHEIGHT: 61px

visibility: visible"><a href="http://www.baidu.com/" target="_blank"><img src="aaa.gif" width="80" height="80" border="0"></a></DIV>

var xPos = 300

var yPos = 200

var step = 1

var delay = 30

var height = 0

var Hoffset = 0

var Woffset = 0

var yon = 0

var xon = 0

var pause = true

var interval

img1.style.top = yPos

function changePos()

{

width = document.body.clientWidth

height = document.body.clientHeight

Hoffset = img1.offsetHeight

Woffset = img1.offsetWidth

img1.style.left = xPos + document.body.scrollLeft

img1.style.top = yPos + document.body.scrollTop

if (yon)

{yPos = yPos + step}

else

{yPos = yPos - step}

if (yPos <0)

{yon = 1yPos = 0}

if (yPos >= (height - Hoffset))

{yon = 0yPos = (height - Hoffset)}

if (xon)

{xPos = xPos + step}

else

{xPos = xPos - step}

if (xPos <0)

{xon = 1xPos = 0}

if (xPos >= (width - Woffset))

{xon = 0xPos = (width - Woffset) }

}

function start()

{

img1.visibility = "visible"

interval = setInterval('changePos()', delay)

}

function pause_resume()

{

if(pause)

{

clearInterval(interval)

pause = false}

else

{

interval = setInterval('changePos()',delay)

pause = true

}

start()

</script>

</body>

</html>

HTML5 = HTML + CSS + JavaScript

HTML指的是结构

CSS指样式

JS即JavaScript，指的是行为

关于结构、样式、行为的理解：

结构 - 在整个网页中有标题，有列表，有图片等。

样式 - 标题文字的字体大小、颜色、字体；图片的大小；某个块的背景色或背景图等。

行为 - 在网页上四处飘动的广告；图片滚动；浏览淘宝时鼠标移动到商品时，放大商品的效果等。

资料来源，详情请看 ——> 网页链接

</tr>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=傲游Maxthon" target="_blank">傲游Maxthon</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=Foobar" target="_blank">Foobar</a></td>

</tr>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=微软MSN" target="_blank">微软MSN</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=火狐Firefox" target="_blank">火狐Firefox</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=Kmplayer" target="_blank">Kmplayer</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=Winamp" target="_blank">Winamp</a></td>

</tr>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=RealPlayer" target="_blank">RealPlayer</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=诺顿Ghost" target="_blank">诺顿Ghost</a></td>

</tr>

</tr>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=天网防火墙" target="_blank">天网防火墙</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=WinRAR" target="_blank">WinRAR</a></td>

</tr>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=瑞星防火墙" target="_blank">瑞星防火墙</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=WinZip" target="_blank">WinZip</a></td>

</tr>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=江民防火墙" target="_blank">江民防火墙</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=win清理助手" target="_blank">win清理助手</a></td>

</tr>

</tr>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=BitComet" target="_blank">BitComet</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=ACDSee" target="_blank">ACDSee</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=FoxMail" target="_blank">FoxMail</a></td>

</tr>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=KuGoo" target="_blank">KuGoo</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=Photoshop" target="_blank">Photoshop</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=DreamMail" target="_blank">DreamMail</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=UltraISO" target="_blank">UltraISO</a></td>

</tr>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=电驴emule" target="_blank">电驴emule</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=XNview" target="_blank">XNview</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=KooMail" target="_blank">KooMail</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=WinISO" target="_blank">WinISO</a></td>

</tr>

</table>

词库加载错误未能找到文件“E高铁采集器内存溢出ConfigurationDictStopwordstxt”

# 上一篇：电脑缓存怎么设置

# 下一篇：小米升级之后可不可以返回原来系统版本？

推荐阅读

热门文章

最新发布

标签列表

图片随机飘动用html怎么做 就是那种图片到处飞的 飞慢点 图片做的 稍微小点 求代码

给您推荐相同类型的内容：

图片随机飘动用html怎么做就是那种图片到处飞的飞慢点图片做的稍微小点求代码