下面的效果別以為只有Flash才能做到,用Dreamweaver一樣可以做!
首先建立一個(gè)層,放入文字并用上mask濾鏡:
| <div id="Layer1" style="font:40pt Arial Black;filter:mask(color=white);position:absolute; left:0px; top:0px; width:508px; height:120px; z-index:2"> |
再建立一個(gè)層,寫入<marquee>:
| <marquee behavior=scroll direction=right width=508 height=120 scrollamount=4 scrolldelay=0 > |
最后插入圖片即可!
全部的代碼:
| <html> <head> <title>很酷的動(dòng)態(tài)背景文字</title> </head> <body bgcolor="#FFFFFF" text="#000000" topmargin=0 leftmargin=0> <div id="Layer1" style="font:40pt Arial Black;filter:mask(color=white);position:absolute; left:0px; top:0px; width:508px; height:120px; z-index:2"> <p>Dreamweaver</p> </div> <div id="Layer2" style="position:absolute; left:0px; top:0px; width:508px; height:120px; z-index:1"> <marquee behavior=scroll direction=right width=508 height=120 scrollamount=4 scrolldelay=0 > <script language=javascript> for(t=1;t<=1000;t++) document.write("<img src=http://www.ccidnet.com/school/zhuan/3d/back.jpg>") </script> </marquee> </div> </body> </html> |
新聞熱點(diǎn)
疑難解答
圖片精選