广告广告
  加入我的最爱 设为首页 风格修改
首页 首尾
 手机版   订阅   地图  繁体 
您是第 2634 个阅读者
 
发表文章 发表投票 回覆文章
  可列印版   加为IE收藏   收藏主题   上一主题 | 下一主题   
水玲珑
数位造型
个人文章 个人相簿 个人日记 个人地图
社区建设奖 特殊贡献奖
路人甲
级别: 路人甲 该用户目前不上站
推文 x0 鲜花 x162
分享: 转寄此文章 Facebook Plurk Twitter 复制连结到剪贴簿 转换为繁体 转换为简体 载入图片
推文 x0
[HTML][教学] 图片暗亮语法
图片暗亮效果试范点我

以下为图片暗亮语法

复制程式
 
<!--
#spotlight{
filter:light
}
-->

<head>
<style>
<!--
#spotlight{
filter:light
}
-->
</style>
</head>                                    
<!--语法在网页插入的结束-->                                  
<!--语法在网页插入的开始-->                               
<img id="spotlight" speed="50" src="图片网址" width="图宽" height="图高" ></p>                                      
<script language="JavaScript1.2">                                 
/*                                 
Moving light on image script                                 
?Dynamic Drive ([url]www.dynamicdrive.com[/url])                                 
For full source code, installation instructions,                                 
100's more DHTML scripts, and Terms Of                                 
Use, visit dynamicdrive.com                                 
*/                                 
                                 
                                 
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],200,-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>                                 
<!--语法在网页插入的结束-->                


[ 此文章被asdfgh504在2005-02-27 11:13重新编辑 ]



献花 x0 回到顶端 [楼 主] From:台湾中华电信 | Posted:2005-02-27 11:06 |

首页  发表文章 发表投票 回覆文章
Powered by PHPWind v1.3.6
Copyright © 2003-04 PHPWind
Processed in 0.073962 second(s),query:15 Gzip disabled
本站由 瀛睿律师事务所 担任常年法律顾问 | 免责声明 | 本网站已依台湾网站内容分级规定处理 | 连络我们 | 访客留言