翻滚很慢

时间:2014-06-02 11:40:50

标签: javascript rollover rollovers

我刚刚发布了我的新网站,但我只需要解决一些问题。 在网页设计方面,我绝对是自学成才。

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

   }

感谢您的帮助。

馈。

1 个答案:

答案 0 :(得分:1)

这不慢。第二次滚动标题时会显示图像,这是因为当您第一次翻转时没有内联样式并且它将转到“if”语句的“else”选项(隐藏图像的位置)。 / p>

正如有人已经指出的那样,您的代码中有很多需要改进的地方,但与此同时,您可以为图片添加默认的内联样式,隐藏,然后更新 toggle_visibility 隐藏功能为:

 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';
 }

Fiddle demo here.