promotion image of download ymail app
Promoted
Justin 發問時間: 電腦與網際網路程式設計 · 1 0 年前

網頁按鈕特效問題

請教網頁設計高手

下面超連結裡的網頁,他的『n_B回到首頁/答錄機 海外新人諮詢版 台北時尚_簡介...』這幾個選項按鈕,滑鼠滑入、滑出時產生的特效是如何做出來的?

http://www.taipeifashion.com/web_n/viewthread.php?...

贈10點,先行感謝

1 個解答

評分
  • 1 0 年前
    最佳解答

    我有這類語法,可是要按一下才會出現選單,並非一過就有

    如下:

    1.將下列語法貼於</head>之前

    ┌─────────────────────────┐

    <style>

    <!--

    #iewrap{

    position:relative;

    height:30px

    }

    #iewrap2{

    position:absolute

    }

    #dropmenu03{

    filter:revealTrans(Duration=1.5,Transition=12)

    visibility:hide

    }

    -->

    </style>

    └─────────────────────────┘

    由於字數過多,我分幾次回答

    2007-03-24 22:51:05 補充:

    2.將下列語法貼於想在網頁呈現的地方

    <center>

    <layer id="dropmenu02" visibility=show>

    <span id="iewrap">

    <span id="iewrap2" onClick="dropit2();event.cancelBubble=true;return false">

    <font face="細明體"><a href="#">按我會出現選單</a></font>

    </span>

    </span>

    </layer>

    </ilayer>

    <script language=JavaScript>

    未完待續

    2007-03-24 22:53:43 補充:

    <!--

    var enableeffect=true

    var selection=new Array()

    selection[0]='<font face="細明體"><a href="http://tw.yahoo.com/" target="_blank">奇摩</a></font><br>'

    selection[1]='<font face="細明體"><a href="http://www.yam.com/" target="_blank">蕃薯藤</a></font><br>'

    未完待續

    2007-03-24 22:56:18 補充:

    selection[2]='<font face="細明體"><a href="http://www.sina.com.tw/" target="_blank">新浪網</a></font><br>'

    selection[3]='<font face="細明體"><a href="http://www.pchome.com.tw/"

    if (document.layers)

    document.dropmenu01.document.dropmenu02.visibility='show'

    function dropit2(){

    未完待續

    2007-03-24 22:57:27 補充:

    if (document.all){

    dropmenu03.style.left=document.body.scrollLeft event.clientX-event.offsetX

    dropmenu03.style.top=document.body.scrollTop event.clientY-event.offsetY 18

    if (dropmenu03.style.visibility=="hidden"){

    if (enableeffect)

    未完待續

    2007-03-24 23:04:11 補充:

    dropmenu03.filters.revealTrans.apply()

    dropmenu03.style.visibility="visible"

    if (enableeffect)

    dropmenu03.filters.revealTrans.play()

    }

    else{

    hidemenu()

    }

    }

    }

    未完待續

    2007-03-24 23:04:36 補充:

    function dropit(e){

    if (document.dropmenu03.visibility=="hide")

    document.dropmenu03.visibility="show"

    else

    document.dropmenu03.visibility="hide"

    document.dropmenu03.left=e.pageX-e.layerX

    document.dropmenu03.top=e.pageY-e.layerY 19

    return false

    }

    function hidemenu(){

    未完待續

    2007-03-24 23:04:53 補充:

    if (enableeffect)

    dropmenu03.filters.revealTrans.stop()

    dropmenu03.style.visibility="hidden"

    }

    function hidemenu2(){

    document.dropmenu03.visibility="hide"

    }

    if (document.layers){

    document.dropmenu01.document.dropmenu02.captureEvents(Event.CLICK)

    未完待續

    2007-03-24 23:07:04 補充:

    document.dropmenu01.document.dropmenu02.onclick=dropit

    }

    else if (document.all)

    document.body.onclick=hidemenu

    -->

    </script>

    未完待續

    2007-03-24 23:07:24 補充:

    <div id="dropmenu03" style="position:absolute;left:2;top:2;layer-

    background-color:FFBFFF;background-

    color:;width:70;visibility:hidden;border:1px solid black;padding:0px">

    <script language="JavaScript1.2">

    <!--

    if (document.all)

    dropmenu03.style.padding='6px'

    for (i=0;i<selection.length;i )

    未完待續

    2007-03-24 23:07:47 補充:

    document.write(selection[i])

    -->

    </script>

    </div>

    <script language="JavaScript1.2">

    <!--

    if (document.layers){

    document.dropmenu03.captureEvents(Event.CLICK)

    document.dropmenu03.onclick=hidemenu2

    }

    -->

    </script>

    </center>

    • Commenter avatar登入以對解答發表意見
還有問題?馬上發問,尋求解答。