MozTW 討論區 https://forum.moztw.org/ |
|
這個網站的滑鼠移上出現字的效果沒出來 https://forum.moztw.org/viewtopic.php?f=13&t=14091 |
第 1 頁 (共 1 頁) |
發表人: | wini [ 2006-05-11, 20:07 ] |
文章主題 : | 這個網站的滑鼠移上出現字的效果沒出來 |
時效連結 如果沒有被拿下來的話,各位可以在畫面中間, 看到一個戴著白色帽子的小女孩。 在 Win/IE 6 下是滑鼠移過去, 人物表情會變化,也會浮現出文字; 而在 Opera 8.5 下,則是出現的位置有點小問題; 若是用 Firefox 1.5.x 的話,則是只有表情會變。 因為我不熟 JavaScript ,所以不太清楚哪兒有誤, 於 HTML 源碼中,該段相關的語法如下: 代碼: <a href="#" onMouseOver="GS_showHideLayers('serifu','','show');GS_swapImage('gust_chang','','http://www.salburg.com/img/gust_chang/b.gif',1)" onMouseOut="GS_showHideLayers('serifu','','hide');GS_swapImgRestore()"> <img src="http://www.salburg.com/img/gust_chang/a.gif" name="gust_chang" alt="がすとちゃん" border="0"></a> 如果有人知道哪兒有誤,如何改寫的話, 還請教一下,不然每次都要切回 IE 看有點麻煩。 感謝。 ---- 更完整的 HTML 原始碼: 代碼: <!--o(゚▽゚o)--> <LINK REL="stylesheet" HREF="http://www.salburg.com/css.css" TYPE="text/css"> <!-- ↓このファイルにリンクしておいてください --> <script language="JavaScript" src="http://www.salburg.com/img/gust_chang/gust_chang.js"></script> <!-- ここからががすとちゃんテーブルです --> <div align=right> <table border="0" cellspacing="0" width="400" name="gustchang"> <tr> <td width="278" align="right"> <div id="serifu" style="position:relative; width:200px; z-index:1; visibility: hidden"> <table width="278" border="0" cellspacing="0" cellpadding="0" name="fukidasi"> <tr><td align="left" valign="top" width="10" height="10"> <img src="http://www.salburg.com/img/gust_chang/fukidasi/l_t.gif" width="10" height="10"></td> <td width="278" height="10"> <img src="http://www.salburg.com/img/gust_chang/fukidasi/t_c.gif" width="278" height="10"></td> <td align="right" valign="top" width="19" height="10"> <img src="http://www.salburg.com/img/gust_chang/fukidasi/r_t.gif" width="19" height="10"></td></tr> <tr> <td width="10" background="http://www.salburg.com/img/gust_chang/fukidasi/l_c.gif"><img src="http://www.salburg.com/img/tra.gif" width="10" height="20"> </td> <td background="http://www.salburg.com/img/gust_chang/fukidasi/base.gif" width="278" bgcolor="FEFEF1"> <!-- ↓↓ここに台詞が入ります↓↓ --> <font color="#ff8800" class="fonts2"> あいかわらずガスポはネタ満載ですの~。<br> でも、ガスポにあたしのネタが無いですの…。<b><i>「最近ホームページにがすとちゃんなるものが出現しているのをご存知だろうか」</i></b>とか書いて欲しいですの~!! </font> <!-- ↑↑台詞ここまで↑↑ --> </td> <td width="19" background="http://www.salburg.com/img/gust_chang/fukidasi/r_c.gif" valign="middle"> <img src="http://www.salburg.com/img/gust_chang/fukidasi/yajirusi.gif" width="19" height="10"></td> </tr> <tr> <td align="left" valign="bottom" width="10"> <img src="http://www.salburg.com/img/gust_chang/fukidasi/l_b.gif" width="10" height="10"></td> <td width="278" height="10"> <img src="http://www.salburg.com/img/gust_chang/fukidasi/b_c.gif" width="278" height="10"></td> <td width="19" height="10" align="right" valign="bottom"> <img src="http://www.salburg.com/img/gust_chang/fukidasi/r_b.gif" width="19" height="10"></td></tr> </table></div> </td> <td width="122"><a href="#" onMouseOver="GS_showHideLayers('serifu','','show');GS_swapImage('gust_chang','','http://www.salburg.com/img/gust_chang/b.gif',1)" onMouseOut="GS_showHideLayers('serifu','','hide');GS_swapImgRestore()"> <img src="http://www.salburg.com/img/gust_chang/a.gif" name="gust_chang" alt="がすとちゃん" border="0"></a></td> </tr> </table> </div> <!--o(゚▽゚o)--> 可能相關的 js 檔內容: 代碼: function GS_findObj(n, d) { //
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=GS_findObj(n,d.layers[i].document); return x; } function GS_showHideLayers() { // var i,p,v,obj,args=GS_showHideLayers.arguments; for (i=0; i<(args.length-2); i+=3) if ((obj=GS_findObj(args[i]))!=null) { v=args[i+2]; if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; } obj.visibility=v; } } function GS_preloadImages() { // var d=document; if(d.images){ if(!d.GS_p) d.GS_p=new Array(); var i,j=d.GS_p.length,a=GS_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.GS_p[j]=new Image; d.GS_p[j++].src=a[i];}} } function GS_swapImgRestore() { // var i,x,a=document.GS_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function GS_swapImage() { // var i,j=0,x,a=GS_swapImage.arguments; document.GS_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=GS_findObj(a[i]))!=null){document.GS_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> |
發表人: | danielwang [ 2006-05-15, 00:51 ] |
文章主題 : | |
代碼: function GS_findObj(n) { //
return document.getElementById(n); } 把所有的 name="..." 改成 id="..." |
發表人: | wini [ 2006-05-15, 13:45 ] |
文章主題 : | |
danielwang 寫: 代碼: function GS_findObj(n) { // return document.getElementById(n); } 把所有的 name="..." 改成 id="..." 感謝 danielwang 的回應, 不過我忘了抓網頁下來, 現在那段程式碼已經從頁面中移除了, 下次有機會我再來試試。 XD |
發表人: | billyswong [ 2006-06-04, 19:39 ] |
文章主題 : | |
wini 寫: 代碼: <img src="http://www.salburg.com/img/gust_chang/a.gif" name="gust_chang" alt="がすとちゃん" border="0"></a> 要文字正常浮現,請改alt="..."為title="..." |
發表人: | wini [ 2006-06-05, 19:05 ] | ||
文章主題 : | |||
billyswong 寫: 要文字正常浮現,請改alt="..."為title="..."
感謝回應,不過我想問的不是工具提示文字。 ^^; 總之我前幾天抓下了那個網頁,附件是該網頁的一部分, 各位可以看看,我是用 Scrapbook 保留 JavaScript 的選項抓下, 字元編碼是 Shift-JIS ,不過我不敢確定我有完整抓下就是。 danielwang 的建議我有參考了, 不過大概是哪兒理解有問題, 所以還是沒正確解決的樣子。 總之各位可以解開附件,開啟 index.html , 把滑鼠移到畫面中央「がすとちゃん」的文字上, IE 中是會跑出個用 JavaScript 弄出的小文字框, 不過 Fx 中是跑不出來的。
|
第 1 頁 (共 1 頁) | 所有顯示的時間為 UTC + 8 小時 |
Powered by phpBB® Forum Software © phpBB Group https://www.phpbb.com/ |