Yahoo Answers is shutting down on May 4th, 2021 (Eastern Time) and beginning April 20th, 2021 (Eastern Time) the Yahoo Answers website will be in read-only mode. There will be no changes to other Yahoo properties or services, or your Yahoo account. You can find more information about the Yahoo Answers shutdown and how to download your data on this help page.

?
Lv 5
? asked in 電腦與網際網路程式設計 · 2 decades ago

這種按紐要怎做???????

5 Answers

Rating
  • Anonymous
    2 decades ago
    Favorite Answer

    其實他只是簡單的 JavaScript 寫成的!

    你必需將每個選項都做出兩張圖,分別是指上去前(圖一)及指上去之後(

    圖二)。

    圖一:http://www.license.org.tw/images/index/l_f07.gif

    圖二:http://www.license.org.tw/images/index/l_f07_vr.gi...

    接下來!請將這段超文件字串插入 <BODY> 這個 html 中!如:

    <BODY onload="dynAnimation()"> 來做為預先下載檔案之用...

    () 中間通常會放入需要預先下載的圖片檔案名稱(以 ' 與 ' 之間包覆圖片檔名,

    用「,」號將兩個檔案名稱做分隔!

    再將下列這段 JavaScript 插入 <HEAD> 與 </HEAD> 之間:

    <script language="JavaScript" type="text/JavaScript">

    <!--

    function MM_preloadImages() { //v3.0

    var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

    }

    function MM_swapImgRestore() { //v3.0

    var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;

    }

    function MM_findObj(n, d) { //v4.01

    var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

    if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

    for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);

    if(!x && d.getElementById) x=d.getElementById(n); return x;

    }

    function MM_swapImage() { //v3.0

    var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)

    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

    }

    //-->

    </script>

    接下來!請在您的圖檔連結上動一下手腳:

    <A HREF="連到那個檔案或網址" onMouseOver="MM_swapImage('圖檔的 NAME','','用以滑鼠指上去後的圖檔',1)"" onMouseOut="MM_swapImgRestore()"><IMG SRC="用以滑鼠指上去前的圖檔名稱" BORDER="0" NAME="圖檔的 NAME'" ID="圖檔的 NAME'"></A>

    接下來你就可以做做看囉!

    我利用 http://www.license.org.tw/images/index/l_f07.gifhttp://www.license.org.tw/images/index/l_f07_vr.gi... 分別做為滑鼠只上去前及指上去後的圖檔,並且給 IMG 一個 NAME 叫 menu_test !

    作法如下:

    <HTML>

    <HEAD>

    <script language="JavaScript" type="text/JavaScript">

    <!--

    function MM_preloadImages() { //v3.0

    var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

    }

    function MM_swapImgRestore() { //v3.0

    var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;

    }

    function MM_findObj(n, d) { //v4.01

    var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

    if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

    for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);

    if(!x && d.getElementById) x=d.getElementById(n); return x;

    }

    function MM_swapImage() { //v3.0

    var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)

    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

    }

    //-->

    </script>

    </HEAD>

    <BODY onload="dynAnimation('http://www.license.org.tw/images/index/l_f07_vr.gi...

    <A HREF="#" onMouseOver="MM_swapImage('menu_test','','http://www.license.org.tw/images/index/l_f07_vr.gi... onMouseOut="MM_swapImgRestore()"><IMG SRC="http://www.license.org.tw/images/index/l_f07.gif%2... BORDER="0" NAME="menu_test" ID="menu_test"></A>

    </BODY>

    </HTML>

    你可將上面的 html 貼至一個新增的 HTML檔案... 試試看...

    其實!他還可以讓選單變色喔~

    看看:http://www.apoc8.org.tw/

    ※為什麼要這麼複雜呢?因為要每個版本的瀏覽器都可以正確閱讀呀!

    Source(s): 自己的工作經驗... -_-
  • Anonymous
    2 decades ago

    我有個最簡單方法﹕

    簡單來說,這是用了兩幅圖片,你可以用frontpage,然後貼上第一幅圖片,之後選取圖片並按「格式」->「動態HTML效果」。接著按「滑鼠移過」、「交換圖片」、「選擇圖片」就可以。

  • SEAL
    Lv 5
    2 decades ago

    <body>

    <img src="images/滑鼠未指上所顯示的圖片.gif" onMouseOver="this.src='images/滑鼠指上所更換的圖片.gif'" onMouseOut="this.src='images/滑鼠未指上所顯示的圖片.gif'" width="135" height="20">

    </body>

    相信我,只需要寫降就好了

    Source(s): 我= =+
  • Anonymous
    2 decades ago

    http://cdh.idv.tw/

    你可以去這,爪哇島,點選超連結去裡面找找,有很多的語法特效

    Source(s): 自己
  • How do you think about the answers? You can sign in to vote the answer.
  • Anonymous
    2 decades ago

    我們老師有教我們用Flash做過喔 你可以試試看!

Still have questions? Get your answers by asking now.