切换为不分页显示
【首页】→ 【建站杂谈】→ 主题:JavaScript渐变文字遮罩效果
字体:    评论
JavaScript渐变文字遮罩效果
发表:听话的狗司机  (2009-7-29 8:24:54)
分类:建站杂谈  |  阅读:9565  |  评论:0  |  最新评论:2009-7-29 8:24:54 By 
javascript打造的漂亮渐变文字遮罩效果,鼠标放到文字上看一看,是不是像灯光一样的效果,移动鼠标光束跟着移动,还不错吧……
程序代码:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>文字遮罩</title>
</head>
<body bgcolor="#000000" link="#FF00FF">
<div id="myLightObject" style="position: relative; height: 100px; width: 400px; top: 10px; left: 10px;  
color: White; filter: light">  
<p align="center">  
<font size="8">夏飘雪工作室</font>
</div>  
<script language="VBScript">  
Option Explicit  
sub window_OnLoad()  
call myLightObject.filters.light(0).addambient(0,0,255,30)  
call myLightObject.filters.light(0).addcone(400,400,200,100,100,200,204,200,80,10)  
end sub  
sub document_onMouseMove()  
call myLightObject.filters.light(0).MoveLight(1,window.event.x,window.event.y,0,1)  
end sub  
</script>
</body>
</html>


评论 | 引用

本文共0条评论
 [返回]

 返回列表 跳至页首跳至页尾 放大字体 缩小字体
按用户名:    按标题:   按内容:       包括所有回复
【首页】→ 【建站杂谈】 评论:JavaScript渐变文字遮罩效果
帖子标题:
   未登录!    

您的权限:
发表回复:×
UBB功能:×
文件上传:×
 
风格选择:极速  古韵  宽屏  大字  |  图示说明: 24小时新发主题  最近被编辑的主题  超过24小时普通主题
页面执行时间:125毫秒 | 在线:22 今日:412 合计:3375145 | 清除COOKIE |