各类动态图片的集合
图片穿行
<html>
<head>
<title>图片穿行 ASP代码生成器</title>
</head>powered by 25175.net
<!--脚本说明:
第一步:把如下代码加入<body>区域中-->
<script language="JavaScript">
var pos1=-95;
var pos2=-95;
var pos3=-95;
var pos4=-95;
var speed1 = Math.floor(Math.random()*10)+2;
var speed2 = Math.floor(Math.random()*10)+2;
var speed3 = Math.floor(Math.random()*10)+2;
var speed4 = Math.floor(Math.random()*10)+2;
function next() {
pos1 += speed1;
pos2 += speed2;
pos3 += speed3;
pos4 += speed4;
if (pos1 > 795) pos1 = -95;
if (pos2 > 795) pos2 = -95;
if (pos3 > 795) pos3 = -95;
if (pos4 > 795) pos4 = -95;
if (document.layers) {
document.layers[0].left = pos1;
document.layers[1].left = pos2;
document.layers[2].left = pos3;
document.layers[3].left = pos4;
}
else {
mouse1.style.left = pos1;
mouse2.style.left = pos2;
mouse3.style.left = pos3;
mouse4.style.left = pos4;
}
window.setTimeout("next();",10);
}
</script>
<div id="mouse1"
style="HEIGHT: 100px; LEFT: 0px; POSITION: absolute; TOP: 165px; WIDTH: 100px">
<dd><img alt border="0" src="../../../images/girl.jpg" > </dd>
</div><div id="mouse2"
style="HEIGHT: 100px; LEFT: 0px; POSITION: absolute; TOP: 250px; WIDTH: 100px">
<dd><img alt border="0" src="../../../images/girl.jpg" ></dd>
</div><div id="mouse3"
style="HEIGHT: 100px; LEFT: 0px; POSITION: absolute; TOP: 333px; WIDTH: 100px">
<dd><img alt border="0" src="../../../images/girl.jpg" ></dd>
</div><div id="mouse4"
style="HEIGHT: 100px; LEFT: 0px; POSITION: absolute; TOP: 415px; WIDTH: 100px">
<dd><img alt border="0" src="../../../images/girl.jpg" ></dd>
</div>
<!--第二步:把<body>区域中的内容改为-->
<body onload="next();">
<body>
</body>
</html>
| 【内容导航】 | |
| 第1页:跟随鼠标的图片 | 第2页:跟着鼠标的图片2 |
| 第3页:跟着鼠标旋转的图片 | 第4页:自由走动的图片 |
| 第5页:来回摆动的图片 | 第6页:乱飞的图片 |
| 第7页:浮动图像显示 | 第8页:将图片固定在左上角 |
| 第9页:随屏幕移动的图片并可任意移动 | 第10页:在页上不停走动的图片 |
| 第11页:任意指定图片位置 | 第12页:向上浮的图片 |
| 第13页:往下掉并弹起的图片 | 第14页:在浏览器窗口外移动的图片 |
| 第15页:浮在页面上的图片广告 | 第16页:随意飘动的图像 |
| 第17页:图片穿行 | 第18页:左右移动的图片 |
| 第19页:跟着屏幕走的图片 | 第20页:将图片固定在左下角 |
| 第21页:旋转的图片 | 第22页:徐徐上升的图片 |
| 第23页:页面动态图片 | 第24页:移动的图片 |
| 第25页:鼠标停在文本上图片自动围绕 | 第26页:滚动图片公告栏 |
| 第27页:飞来飞去的图片 | 第28页:滚动显示图片 |
| 第29页:将图片固定在左下角 | 第30页:将图片固定在右下角 |
| 第31页:图片居中 | 第32页:不停闪烁的图片 |
| 第33页:带彩色边框的图片 | 第34页:点击消失的图片 |
| 第35页:定时闪烁的图片 | 第36页:动感的图片 |
| 第37页:抖动的图片 | |
上一篇:随鼠标移动而变化的图片
下一篇:网页设计之css+div PK table+css
|
|
各类动态图片的集合_跟随鼠标的图片
http://www.25175.com/200609/25175/25175_html/
(oooooooooo
,09月02日
)
页面破了..
(晕
,2007年06月13日
)
反映违反看见
(饿热额外法
,2007年03月16日
)
