📄 0158.htm
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><!-- saved from url=(0032)http://www.ie-zone.com/index.php --><HTML><HEAD><TITLE>光照效果的层</TITLE><META http-equiv=Content-Type content="text/html; charset=gb2312"><LINK href="../../fav.ico" rel="shortcut icon"><STYLE type=text/css>BODY { MARGIN: 25px 25px 25px}#all TD { FONT-SIZE: 14px; LINE-HEIGHT: 18px; FONT-FAMILY: "宋体"}INPUT { FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"}SELECT { FONT-SIZE: 14px; LINE-HEIGHT: 18px; FONT-FAMILY: "宋体"}TEXTAREA { FONT-SIZE: 14px; LINE-HEIGHT: 18px; FONT-FAMILY: "宋体"}#all A:active { COLOR: #7d070c}#all A:visited { COLOR: #7d070c}#all A:hover { COLOR: #336699}#all A:link { COLOR: #7d070c}</STYLE><script language="VBScript">Option Explicitsub 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 subsub document_onMouseMove()call myLightObject.filters.light(0).MoveLight(1,window.event.x,window.event.y,0,1)end sub </script><META content="MSHTML 5.50.4134.600" name=GENERATOR><link rel="stylesheet" type="text/css" href="js/fav2.css"></HEAD><BODY id=all text=#000000 bgColor=#336699><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TR bgColor=#ffffff> <TD><IMG src="imgs/sq_1.gif" width=11 height="14"></TD> <TD width="100%"></TD> <TD><IMG src="imgs/sq_2.gif" width=11 height="14"></TD> </TR></TABLE><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TR bgColor=#ffffff> <TD><IMG src="imgs/space.gif" width=11 height="1"></TD> <TD width="100%"> <table width="100%" border="0" cellpadding="8"> <tr> <td align="center"> <script language="JavaScript">document.write("<font color=#7d070c style=\"font-size: 14px\">"+document.title+"</font>");</script> </td> </tr> <tr> <td bgcolor="#f7f7f7" valign="top"><font color="#990000"> 提示</font>:让你的页面（中的一个层）有一种光照的效果，并且光源会跟随鼠标移动。</td> </tr> <tr> <td><img src="imgs/step.gif" width="30" height="30"> <b>下面一个段建立一个层的代码，把你要产生光照效果的内容写在其内。例如：</b><br> <table width="100%" border="0" cellspacing="0" cellpadding="7" bgcolor="#dddddd"> <tr> <td></td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="7" bgcolor="#f7f7f7"> <form name="form1" method="post" action=""> <tr> <td bgcolor="#000000"><div id="myLightObject" style="position: relative; height: 400px; width: 400px; top: 10px; left: 0px; color: White; filter: light">黑夜给了我一双眼睛,<br>而我却用它来寻找光明,<br>园林晴昼春谁主<br>暖律潜催，幽谷暄和，黄鹂翩翩，乍迁芳树<p>春花秋月何时了，往事知多少<br>小楼昨夜又东风<br>故国不堪回首月明中。<br>雕栏玉砌应犹在，只是朱颜改。</p><p>问君能有几多愁，<br>恰似一江春水向东流。<br>CSS滤镜与VBScript结合运用的效果<br>利用CSS的Light滤镜模拟移动的光锥<br></p>用VBScript捕捉鼠标的移动,令光锥射向也跟着移动</div></td> </tr> </form> </table> <br> <br> <img src="imgs/step2.gif" width="30" height="30"> <b>将下面的代码复制到<body> 内 </b> <input type="button" name="Button" value="复制到我的剪贴板" onClick=JM_cc('js_1')> <br> <table width="100%" border="0" cellspacing="0" cellpadding="7" bgcolor="#dddddd"> <tr> <td></td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="7" bgcolor="#f7f7f7"> <tr> <td> <table width="100%" border="0" cellspacing="0" cellpadding="7" bgcolor="#f7f7f7"> <form name="form1" method="post" action=""> <tr> <td> <textarea name="js_1" wrap="VIRTUAL" cols="80" rows="10"><div id="myLightObject" style="position:relative; height: 400px; width: 400px; top: 10px; left: 0px; color: White; filter: light"><br><center><br>黑夜给了我一双眼睛,<br><br>而我却用它来寻找光明,<br><br>园林晴昼春谁主<br><br>...<br><br><br>用VBScript捕捉鼠标的移动,令光锥射向也跟着移动<br></center> <br></div><script language="VBScript">Option Explicitsub 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 subsub document_onMouseMove()call myLightObject.filters.light(0).MoveLight(1,window.event.x,window.event.y,0,1)end sub </script></textarea> </td> </tr> </form> </table> <p><font color="#990033">至此你已经可以做出一个实例了</font></p> </td> </tr> </table> <br> <br> </td> </tr> </table> <br> <br> </td> </tr> </table> <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TR bgColor=#ffffff> <TD><IMG src="imgs/sq_3.gif" width=11 height="14"></TD> <TD width="100%"></TD> <TD><IMG src="imgs/sq_4.gif" width=11 height="14"></TD> </TR></TABLE></BODY></HTML>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -