📄 自动放大并点亮图片.txt
字号:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>自动放大并点亮图片</title>
</head>
<body onLoad="setValues()" bgcolor="#000000">
<SCRIPT>
<!-- Beginning of JavaScript -
var imageheight=280
var imagewidth=450
var cliptop
var clipbottom
var clipleft
var clipright
var clippoints
var tempo=100
var stepx=0
var stepy=0
var timer
function setValues() {
if (document.all) {
document.all.image.style.posLeft=0
document.all.image.style.posTop=0
document.all.imagecontent.style.posLeft=0
document.all.imagecontent.style.posTop=0
moveimage()
}
}
function moveimage() {
if (stepx<=imagewidth || stepy<=imageheight) {
stepx=stepx+12
stepy=stepy+6
image.innerHTML="<span style='width:"+stepx+"px; height:"+stepy+"px;background-color:000000;filter:alpha(opacity=0,finishopacity=100,style=2'></span>"
cliptop=0
clipbottom=stepy
clipleft=0
clipright=stepx
clippoints="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.all.imagecontent.style.clip=clippoints
timer=setTimeout("moveimage()",tempo)
}
else{
clearTimeout(timer)
timer=setTimeout("moveimage2()",tempo)
}
}
function moveimage2() {
if (stepx>=0 || stepy>=0) {
stepx=stepx-12
stepy=stepy-6
image.innerHTML="<span style='width:"+stepx+"px; height:"+stepy+"px;background-color:000000;filter:alpha(opacity=0,finishopacity=100,style=2'></span>"
cliptop=0
clipbottom=stepy
clipleft=0
clipright=stepx
clippoints="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.all.imagecontent.style.clip=clippoints
timer=setTimeout("moveimage2()",tempo)
}
else{
stepx=0
stepy=0
clearTimeout(timer)
timer=setTimeout("moveimage()",tempo)
}
}
// - End of JavaScript - -->
</SCRIPT>
<DIV id=imagecontent style="LEFT: -500px; POSITION: absolute; TOP: -500px"><IMG height=280 src="../../../images/20071213_b4908b3310d1127ea16fzF7PbYE2DZ2g.jpg" width=450></DIV>
<DIV id=image style="POSITION: absolute; TOP: -50px"></DIV>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -