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 中是跑不出來的。

附加檔案:
gustchan.zip [9.8 KiB]
被下載 305 次

1 頁 (共 1 頁) 所有顯示的時間為 UTC + 8 小時
Powered by phpBB® Forum Software © phpBB Group
https://www.phpbb.com/