javascript - 翻车很慢

Question

我刚刚发布了我的新网站，但我有一个小问题要解决。在网页设计方面，我完全是自学的。

正如你在这里看到的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';

   }

谢谢你的帮助。

美联储。

Answer 1

这并不慢。图像在您第二次翻转标题时显示，这是因为当您第一次翻转时没有内联样式，它会转到“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';
 }

小提琴演示在这里。