js實現的很酷的串連提示效果_連結特效

來源:互聯網
上載者:User
<html> <head> <title>很酷的串連提示效果</title> </head><body> <!--將以下代碼加入HTML的<Body></Body>之間--> <STYLE type="text/css"> <!-- .article {font-size: 9pt; BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FILTER: revealTrans(transition=23,duration=0.5) blendTrans(duration=0.5); POSITION: absolute; VISIBILITY: hidden ; background-color: #FFCC00; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 0px} --> <!-- p, td, select { font-size: 9pt} a { color: #0058b0; font-size: 9pt; text-decoration: none} a:hover { color: #6699FF} .drop { filter: dropshadow(color=000000, offx=1, offy=1, positive=1)} .drop2 { filter: dropshadow(color=ffffff, offx=1, offy=1, positive=1)} --> </STYLE> <SCRIPT language=JavaScript1.2> <!-- function Show(divid) { divid.filters.revealTrans.apply(); divid.style.visibility = "visible"; divid.filters.revealTrans.play(); } function Hide(divid) { divid.filters.revealTrans.apply(); divid.style.visibility = "hidden"; divid.filters.revealTrans.play(); } //--> </script> 網頁特效 <div id="div0" class="article">這是個不錯的網站</div> 教程下載 <div id="div1" class="article">很好的下載網站,速度快</div> 程式源碼 <div id="div2" class="article">編程愛好者的樂園</div> 文章教程 <div id="div3" class="article">這裡有Delphi的好東東</div> 中國軟體 <div id="div4" class="article">程式員必看</div> <p> </p> <p>重新整理一次,再看看效果。有好幾種哦</p> </body></html>
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.