网站首页   |    最新通知   |    建站技巧   |    优化网页   |    常见问题   |    常用软件   |    网络知识   |    网络推广   |    邮箱管理   |    关于域名   |    销售心得   |    D W 知识   |    P S 教程   |    网站备案   |    网页代码   |    成功案例   |    联系总部   |    提出建议   |    在线交流   |    自考成考   |    网店推广   |    开店技巧   |    开店研究   |    免费开店   |   
  鸿远首页
  社区论坛
  鸿远博客
建站技巧
站内搜索
搜索内容
搜索类别
友情链接
文字的光投影效果

代码如下:

以下是代码片段:
<DIV id=myLightObject style="FILTER: light; LEFT: 0px; WIDTH: 400px; COLOR: red; POSITION: relative; TOP: 10px; HEIGHT: 400px">
<CENTER>黑夜给了我一双眼睛,<BR>而我却用它来寻找光明,<BR>园林晴昼春谁主<BR>暖律潜催,幽谷暄和,黄鹂翩翩,乍迁芳树
<P>春花秋月何时了,往事知多少<BR>小楼昨夜又东风<BR>故国不堪回首月明中。<BR>雕栏玉砌应犹在,只是朱颜改。 </P>
<P>问君能有几多愁,<BR>恰似一江春水向东流。<BR>CSS滤镜与VBScript结合运用的效果<BR>利用CSS的Light滤镜模拟移动的光锥<BR></P>用VBScript捕捉鼠标的移动,令光锥射向也跟着移动 </CENTER></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>

其中的代码:<DIV id=myLightObject style="FILTER: light; LEFT: 0px; WIDTH: 400px; COLOR: red; POSITION: relative; TOP: 10px; HEIGHT: 400px">

红色部分为光影和文字区域的大小,蓝色部分为光影的颜色.大家在应用的过程中可以根据实际需要来设置,其中光影的颜色可以用颜色代码来表示.

应用方法:
1.将代码片段里的代码添加到网站管理后台的代码视图里.
2.切换到设计视图,在设计视图里把文字改为自己要用的内容.保存修改即可

效果演示:鼠标悬停到文字上,看看效果吧
黑夜给了我一双眼睛,
而我却用它来寻找光明,
园林晴昼春谁主
暖律潜催,幽谷暄和,黄鹂翩翩,乍迁芳树

春花秋月何时了,往事知多少
小楼昨夜又东风
故国不堪回首月明中。
雕栏玉砌应犹在,只是朱颜改。

问君能有几多愁,
恰似一江春水向东流。
CSS滤镜与VBScript结合运用的效果
利用CSS的Light滤镜模拟移动的光锥

用VBScript捕捉鼠标的移动,令光锥射向也跟着移动

 
[文章评论(0)] [ 点击数:] [打印本网页] [关闭本窗口]
相关内容
查无记录

Copyright © 2008-2010    All Rights Reserved     鸿远建站网版权所有
  地址: 广东东莞市长安颐和商务中心    Email: web@cnhynet.com    站长QQ服务:鸿远在线服务
中华人民共和国 信息产业部备案号:ICP: 粤07030154号   鸿远建站联盟网    网站管理