转至繁体中文版     | 网站首页 | 图文教程 | 资源下载 | 站长博客 | 图片素材 | 武汉seo | 武汉网站优化 | 
最新公告:     敏韬网|教学资源学习资料永久免费分享站!  [mintao  2008年9月2日]        
您现在的位置: 学习笔记 >> 图文教程 >> 站长学院 >> 网页制作 >> 正文
CSS+VBScript制作的酷酷光照效果         ★★★★

CSS+VBScript制作的酷酷光照效果

作者:闵涛 文章来源:闵涛的学习笔记 点击数:988 更新时间:2009/4/23 13:47:32

<html>
<head>
<title>Untitled</title>
</head>

<body bgcolor="Black">

<div id="myLightObject" style="position: relative; height: 400px; width: 400px; top: 10px; left: 0px;
     color: White; filter: light">
<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>

</body>
</html>
 </td>
        </tr>
      </table>
      <table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td height="1" bgcolor="cccccc"><img src="/img/blank.gif" width="1" height="1"></td>
        </tr>
        <tr>
          <td height="30" bgcolor="#F6F6F6">    <img src="/img/rtg_btn_print.gif" width="16" height="15">
            <a href="javascript:window.print();">打印本文</a> | <img src="/img/feedback.gif" width="13" height="12"><a href="/sendmail.asp?id=1711">
            推荐朋友</a> | <img src="/img/rtg_btn_save.gif" width="17" height="16" align="absmiddle">
            <a href="javascript:OnSave();">收藏文章</a> | <img src="/img/windows_close.gif" width="12" height="12">
            <a href="javascript:window.close()">关闭窗口</a></td>
        </tr>
      </table></td>
    <td width="3"> </td>
  </tr>
</table>
<table width="766" border="0" align="center" cellpadding="0" cellspacing="0" background="/img/page-bg.gif" bgcolor="#FFFFFF">
  <tr>
    <td height="30"> </td>
    <td rowspan="2" valign="top"> <br>
      <table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td height="25">    <strong>相关文章</strong></td>
        </tr>
        <tr>
          <td height="1" bgcolor="cccccc"><img src="/img/blank.gif" width="1" height="1"></td>
        </tr>
        <tr>
          <td class="title-list"><img src=/img/about_no.gif width=7 height=7>  <A  href=/article/20010328/200103281478.shtml>网页中轻松实现三维字体<SPAN class=aritcle-date>    (2001年3月28日)</SPAN></A><br/><br/><img src=/img/about_no.gif width=7 height=7>  <A  href=/article/20010113/200101131206.shtml>Dreamweaver4中CSS的定义<SPAN class=aritcle-date>    (2001年1月13日)</SPAN></A><br/><br/><img src=/img/about_no.gif width=7 height=7>  <A  href=/article/20010111/200101111182.shtml>CSS2参考之十一<SPAN class=aritcle-date>    (2001年1月11日)</SPAN></A><br/><br/><img src=/img/about_no.gif width=7 height=7>  <A  href=/article/20010111/200101111181.shtml>CSS2参考之十<SPAN class=aritcle-date>    (2001年1月11日)</SPAN></A><br/><br/><img src=/img/about_no.gif width=7 height=7>  <A  href=/article/20010111/200101111180.shtml>CSS2参考之九<SPAN class=aritcle-date>    (2001年1月11日)</SPAN></A><br/><br/><img src=/img/about_no.gif width=7 height=7>  <A  href=/article/20010111/200101111179.shtml>CSS2参考之八<SPAN class=aritcle-date>    (2001年1月11日)</SPAN></A><br/><br/><img src=/img/about_no.gif width=7 height=7>  <A  href=/article/20010111/200101111178.shtml>CSS2参考之七<SPAN class=aritcle-date>    (2001年1月11日)</SPAN></A><br/><br/><img src=/img/about_no.gif width=7 height=7>  <A  href=/article/20010111/200101111177.shtml>CSS2参考之六<SPAN class=aritcle-date>    (2001年1月11日)</SPAN></A><br/><br/> </td>
        </tr>
      </table></td>
    <td width="1" rowspan="3" bgcolor="#CCCCCC"></td>
    <td width="149" rowspan="3" valign="top" bgcolor="#F6F6F6"> <p></p></td>
    <td> </td>
  </tr>
  <tr>
    <td width="3"></td>
    <td width="3"> </td>
  </tr>
</table>
<table width="766" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><img src="/img/bottom_gb_3.gif" width="766" height="21"></td>
  </tr>
</table>
<table width=766 border=0 align=center cellpadding=0 cellspacing=0 background=/img/bottom_gb_2.gif>
  <tr>
    <td colspan=5 align=center>
<p> </p>
      <p class=copyrite>关于统一 | <a href="mailto:xiaoma@tongyi.net">联系合作</a> | <a href="http://3w.tongyi.net">统一作品</a>
        | 版权申明 | <a href="http://3w.tongyi.net">建站服务</a> | 更多说明<br>
        Copyright 2000-2003 Tongyi All rights reserved. Powered by <a href="http://3w.tongyi.net">统一视觉</a></p>
      <p> </p></td>
  </tr>
</table>
<script language="javascript" src="http://www.tongyi.net/js/ad.js"></script>
<iframe src=../../include/clickcount.asp?id=1711 name=mq width=0 height=0 scrolling=no marginwidth=0 marginheight=0 frameborder=no></iframe>
</body>
</html>



[系统软件]REGULAR EXPRESSION IN VBSCRIPT  [VB.NET程序]VBScript 错误信息一览
[VB.NET程序]Split 函数应用示例 ( VBScript版本 )  [VB.NET程序]在Web网页上使用VBScript 和JScript
[VB.NET程序]也谈*.Encode(JScript, VBScript等)的解密  [VB.NET程序]VBScript 函数
[VB.NET程序]VBScript 函数集  [VB.NET程序]VBScript 处理文件
[VB.NET程序]Microsoft VBScript 运行时错误 错误 800a0009  [Web开发]在 HTML 页面中添加 VBScript 代码
教程录入:mintao    责任编辑:mintao 
  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
      注:本站部分文章源于互联网,版权归原作者所有!如有侵权,请原作者与本站联系,本站将立即删除! 本站文章除特别注明外均可转载,但需注明出处! [MinTao学以致用网]
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)

    同类栏目
    · Web开发  · 网页制作
    · 平面设计  · 网站运营
    · 网站推广  · 搜索优化
    · 建站心得  · 站长故事
    · 互联动态
    更多内容
    热门推荐 更多内容
  • 没有教程
  • 赞助链接
    更多内容
    闵涛博文 更多关于武汉SEO的内容
    500 - 内部服务器错误。

    500 - 内部服务器错误。

    您查找的资源存在问题,因而无法显示。

    | 设为首页 |加入收藏 | 联系站长 | 友情链接 | 版权申明 | 广告服务
    MinTao学以致用网

    Copyright @ 2007-2012 敏韬网(敏而好学,文韬武略--MinTao.Net)(学习笔记) Inc All Rights Reserved.
    闵涛 投放广告、内容合作请Q我! E_mail:admin@mintao.net(欢迎提供学习资源)

    站长:MinTao ICP备案号:鄂ICP备11006601号-18

    闵涛站盟:医药大全-武穴网A打造BCD……
    咸宁网络警察报警平台