原创力文档- 1、本文档共8页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
查看更多
网页图片制作代码
不断走动的图片
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
文档评论（0）