***图形特效***左右移动的图片[修改图片名称即可][共2步]
把下列代码加到网页的<body></body>标签之间 从google下载我的照片管理软件====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;
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>之间：
<img src="要显示的图片名称.gif" name="picture"
style="position: absolute; top: 70px; left: 30px;" border="0" width="140" height="40">
http://code.ik8.com/html/要显示的图片名称.gif<script language="javascript"><!--
settimeout("movelr('picture',300,1)",10);
//--></script>
---- --------------- -------- -----------
拥有三人行论坛管理 系列软件，一个人就可以管理一个论坛的更新维护。还能使您的论坛 有千人 在线的真实火暴效果，让您不在为论坛因没有人气而留不住会员而 烦恼 ，使 您的论坛早日成为一流 的论坛。详情 请登陆网站：http://www.cnsrx.cn 三人行论坛管理软件，站长必 备的专业好工具。（您使用的是免费版本，购买收费版本后，将不带广告。业务QQ:247 216 44985 227）
页:
[1]