各类动态图片的集合
左右移动的图片
<html>
<head>
<title>左右移动的图片 风越ASP代码生成器</title>powered by 25175.net
<!-- 左右移动的图片[修改图片名称即可][共2步]
====1、将以下代码加入到HEML的<head></head>之间：-->
<script LANGUAGE="JavaScript"><!--
step = 0;
obj = new Image();
function anim(xp,xk,smer) //smer = direction
{
obj.style.left = x;
x += step*smer;
if (x>=(xk+xp)/2) {
if (smer == 1) step--;
else step++;
}
else {
if (smer == 1) step++;
else step--;
}
if (x >= xk) {
x = xk;
smer = -1;
}
if (x <= xp) {
x = xp;
smer = 1;
}
// if (smer > 2) smer = 3;
setTimeout('anim('+xp+','+xk+','+smer+')', 50);
}
function moveLR(objID,movingarea_width,c)
{
if (navigator.appName=="netscape") window_width = window.innerWidth;
else window_width = document.body.offsetWidth;
obj = document.images[objID];
image_width = obj.width;
x1 = obj.style.left;
x = Number(x1.substring(0,x1.length-2)); // 30px -> 30
if (c == 0) {
if (movingarea_width == 0) {
right_margin = window_width - image_width;
anim(x,right_margin,1);
}
else {
right_margin = x + movingarea_width - image_width;
if (movingarea_width < x + image_width) window.alert("No space for moving!");
else anim(x,right_margin,1);
}
}
else {
if (movingarea_width == 0) right_margin = window_width - image_width;
else {
x = Math.round((window_width-movingarea_width)/2);
right_margin = Math.round((window_width+movingarea_width)/2)-image_width;
}
anim(x,right_margin,1);
}
}
//--></script>
<!--====2、将以下代码加入到HEML的<body></body>之间：-->
<body>
<img src="../../../images/girl.jpg" name="picture"
style="position: absolute; top: 70px; left: 30px;" BORDER="0" WIDTH="140" HEIGHT="60">
<script LANGUAGE="JavaScript"><!--
setTimeout("moveLR('picture',300,1)",10);
//--></script>
</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日
)
