0

新しいウェブサイトを公開したばかりですが、解決しなければならない問題が少しあります。ウェブデザインに関しては完全に独学です。

ここhttp://www.thisisfed.comでわかるように、ロールオーバーが非常に遅いのですが、これを解決する方法はありますか?

シンプルなトグルJavaScriptを使用しました

  [...] onmouseover="toggle_visibility('id');" onmouseout="hide('id');"

そして、これがjavascriptの仕組みです

 function toggle_visibility(id) {

   var e = document.getElementById(id);

   if(e.style.visibility == 'hidden')
      e.style.visibility = 'visible';
   else
      e.style.visibility = 'hidden';

   }

助けてくれてありがとう。

連邦政府

4

1 に答える 1

1

遅くはありません。タイトルを 2 回目にロールオーバーしたときに画像が表示されます。これは、最初にロールオーバーしたときにインライン スタイルがなく、「if」ステートメントの「else」オプション (画像を非表示にする場所) に移動するためです。

誰かがすでに指摘したように、コードには改善すべき点がたくさんありますが、それまでの間、画像のデフォルトのインライン スタイルを追加して非表示にし、toggle_visibilityとhide関数を次のように更新できます。

 function toggle_visibility(id) {    
     var e = document.getElementById(id);
     if (e.style.visibility == 'hidden') e.style.visibility = 'visible';
     else e.style.visibility = 'hidden';

 }

 function hide(id) {
     var e = document.getElementById(id);
     if (e.style.visibility == 'visible') e.style.visibility = 'hidden';
     else e.style.visibility = 'visible';
 }

ここでフィドルのデモ。

于 2014-06-02T11:54:10.410 に答える