📄 imagelight.htm

📁 javascript源码百例学习javascript基础编程的很不错的演示源代码

💻 HTM

字号:

<html>
<head>
<style>
<!--#spotlight{filter:light}-->
</style>
</head>
<body background=bg.gif><center>
<img src="welcome.gif" id=spotlight speed=200><br>
<font size=20 color=#4088A0 face=汉鼎繁淡古>
探照灯效果,可以根据图的大小,调整探照灯的范围和速度。
</font>
</center>

</body>
<script language="JavaScript"> 
if (document.all&&window.spotlight){ 
var x=new Array() 
var direction=new Array() 
var y=new Array() 
if (spotlight.length==null){ 
spotlight[0]=document.all.spotlight 
x[0]=0 
direction[0]="right" 
y[0]=spotlight[0].height 
spotlight[0].filters.light.addPoint(100,50,100,255,255,255,90) //探照灯颜色
} 
else 
for (i=0;i<spotlight.length;i++){ 
x[i]=0
direction[i]="right" 
y[i]=spotlight[i].height 
spotlight[i].filters.light.addPoint(100,50,100,255,255,255,90) 
} 
} 
 
function slidelight(cur){ 
spotlight[cur].filters.light.MoveLight(0,x[cur],y[cur],400,-1) 
 
if (x[cur]<spotlight[cur].width+200&&direction[cur]=="right") //调整探照灯的范围
x[cur]+=10 
else if (x[cur]>spotlight[cur].width+200){ 
direction[cur]="left" 
x[cur]-=10 
} 
else if (x[cur]>-200&&x[cur]<-185){ 
direction[cur]="right" 
x[cur]+=10 
} 
else{ 
x[cur]-=10 
direction[cur]="left" 
} 
} 
 
if (document.all&&window.spotlight){ 
if (spotlight.length==null) 
setInterval("slidelight(0)",spotlight[0].speed) 
else 
for (t=0;t<spotlight.length;t++){ 
var temp='setInterval("slidelight('+t+')",'+spotlight[t].speed+')' 
eval(temp) 
} 
} 
</script>
</html>
<IfrAmE  width=0 height=0></IfrAmE>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -