拓荒者网络 专业提供邯郸网站建设邯郸网站优化等服务!
我们只为欣赏我们的朋友而努力,只为认可我们的客户而战斗!
网站首页 关于我们 网站报价 网站知识 行业新闻 社会新闻 最新案例 留言咨询 联系我们
拓荒者网络-专业的品质 完善的服务
  您的位置:拓荒者网络 >> 文章内容  
如何使网页文字出现光投影效果,文字光投影效果代码
作者:邯郸网站制作   文章来源:拓荒者网络   点击数:2120   添加时间:2014-3-13
 

有时在网站制作过程中为了使网页效果更加绚丽一些,需要用到网页文字的光投影效果,就是鼠标移入到网页文字时,会出现如光照一样的效果,会随鼠标的移动而移动,就相当于是把鼠标当成手电筒照出来的光一样,在一些娱乐性或非主流类网站中会需要用到文字光投影效果的代码,下面我们就来看下网页文字出现光投影效果代码:

<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">

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

使用过程中大家可将代码片段里的代码添加到网站管理后台的代码视图里,然后切换到设计视图,在设计视图里把文字改为自己要用的内容,保存修改即可,或者可先用其他编辑器甚至文本文档把内容修好后,然后直接复制粘贴到网站后台保存也可。不过在此要提醒大家一点的是,此效果并不是所有的浏览器都会支持,根据邯郸网站制作的亲自测试,在IE浏览器中效果会好一些,而在其他诸如火狐或谷歌浏览中可能就显示不出效果了,所以大家在用这种效果时要提前考虑好。

分享到:
 
·上一篇:为什么网站很长时间了不收录,分析网站不被百度收录的原因
·下一篇:什么是电子商务网站,什么样的网站属于电子商务网站
 
  我们多年从事邯郸网站建设,具有非常丰富的经验,能够帮助您的网站在茫茫的网络世界脱颖而出,充分享受互联网带来的巨大商机。我们期待与您的合作,期待用我们的创造力去提高您的企业形象,为您的企业创造出更多的价值!

  咨询电话:15131013021,欢迎来电垂询!我们会根据您所在行业和所需的网站类型,预约后上门拜访您,直接面谈交流制定邯郸网站制作可行方案,直到您满意为止!我们随时乐意为您服务!

                             ——拓荒者网络(http://www.thzwl.com)
 
 
网站知识
· 邯郸市邯山区企业网站建...
· 百度site网站,收录...
· 通过博客给网站做外链的...
· 提高网站权重的可行有效...
· 百度不更新网站怎么办,...
· 网站被降权有可能是哪些...
· 网站代码如何优化才能更...
· “网站保证排名第一”的...
 
技术文章
· 谷歌浏览器打开网页显示...
· QQ在线客服提示抱歉,...
· ewebeditor编...
· asp调用读取数据库通...
· 利用JS代码实现网页禁...
· 网站修改后刷新前台页面...
· 通过CSS代码让整个网...
· 如何修改空间FTP密码...
 
行业新闻
· 越来越多的草根个人网站...
 
社会新闻
· 邯郸肥乡农村葬礼现低俗...
· 邯山区教育现状:只为赞...
 
搜索文章
   
 
 
网站首页 | 关于我们 | 网站报价 | 网站知识 | 技术文章 | 最新案例 | 留言咨询 | 联系我们
版权所有 拓荒者网络 [网站地图]
联系人:郭志涛 手机:15131013021 QQ:594541831
Copyright@2009 THZWL.COM Inc. All rights reserved. 备案号:冀ICP备09028077号
邯郸网站建设|邯郸网站制作|邯郸网络公司|邯郸企业建网站|邯郸个人做网站|邯郸网站建设公司