各类动态图片的集合
来回摆动的图片
来回摆动的图片
<html>
<head>
<title>来回摆动的图片 ASP代码生成器</title>powered by 25175.net
<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>
</head>
<body>
<img src="../../../images/girl.jpg" name="picture"
style="position: absolute; top: 70px; left: 30px;" BORDER="0">
<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日
)
