左右移动的图片

稿源：互联网 2022-04-18 23:58:53 点击： 5087 撤稿纠错

左右移动的图片，旧图片已经被删除了，您自己换上一张新的，会更好看点。

以下讨论的是和特效相关的左右移动的图片教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<html>
<head>
<title>阿里西西网页特效演示，左右移动的图片</title>
</head><BODY>

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>
<img src="
http://www.alixixi.com/images/face/image21.gif"
name="picture"
style="position: absolute; top: 70; left: 30;" BORDER="0" width="85" height="55">
<script LANGUAGE="JavaScript"></script>
</body></html>
<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于左右移动的图片的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/20080714790.shtml方便下次再访问哦。

·上一篇： 不停闪烁的图片
·下一篇： 图片模糊显现

左右移动的图片

文章分类LIST >>返回首页

最新游戏

最新新闻