?? 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>:讓你的頁面(中的一個層)有一種光照的效果,并且光源會跟隨鼠標(biāo)移動。</td> </tr> <tr> <td><img src="imgs/step.gif" width="30" height="30"> <b>下面一個段建立一個層的代碼,把你要產(chǎn)生光照效果的內(nèi)容寫在其內(nèi)。例如:</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>小樓昨夜又東風(fēng)<br>故國不堪回首月明中。<br>雕欄玉砌應(yīng)猶在,只是朱顏改。</p><p>問君能有幾多愁,<br>恰似一江春水向東流。<br>CSS濾鏡與VBScript結(jié)合運用的效果<br>利用CSS的Light濾鏡模擬移動的光錐<br></p>用VBScript捕捉鼠標(biāo)的移動,令光錐射向也跟著移動</div></td> </tr> </form> </table> <br> <br> <img src="imgs/step2.gif" width="30" height="30"> <b>將下面的代碼復(fù)制到<body> 內(nèi) </b> <input type="button" name="Button" value="復(fù)制到我的剪貼板" 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捕捉鼠標(biāo)的移動,令光錐射向也跟著移動<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">至此你已經(jīng)可以做出一個實例了</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>
?? 快捷鍵說明
復(fù)制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -