切换为不分页显示
【首页】 【建站杂谈】 主题:JavaScript渐变文字遮罩效果
字体:    回复
JavaScript渐变文字遮罩效果 
听话的狗司机(2009-7-29 8:24:54)  点击:9104  回复:0  IP:121.24.172.*
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回复 | 每页显示20回复]
 返回列表 跳至页首跳至页尾 放大字体 缩小字体
按用户名:    按标题:   按内容:       包括所有回复
【首页】→ 【建站杂谈】 回复:JavaScript渐变文字遮罩效果
帖子标题:
   未登录!    

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