网页图片制作代码.doc

不断走动的图片 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 a href= html body pimg src=../index/logo.gif name=picture style=position: absolute; top: 98; left: 2 BORDER=0/a script LANGUAGE=JavaScript!-- setTimeout(moveLR(picture,300,1),10); //--/script /p /body /html 淡入淡出的图片 SCRIPT language=JavaScript var d=0 function JM_fade(ob){ if (d==0) {ob.filters.alpha.opacity+=1} else {ob.filters.alpha.opacity-=1} if (ob.filters.alpha.opacity==100){d=1;} else if (ob.filters.alpha.opacity==0){d=0} } setInterval(JM_fade(u),10) /SCRIPT IMG style=FILTER: alpha(opacity=0) src=../index/sample.jpg name=u 点击鼠标放大缩小图片 img src=../index/sample.jpg oncontextmenu=return(false) onmouseup=this.width+=(3-event.button*2)*10 对鼠标敏感的图片 style .shakeimage{ position:relative } /style img src=../index/sample.jpg class=shakeimage onMouseover=init(this);rattleimage() onMouseou