让IE6 也支持 :hover —— jquery ie-hover 插件

最新推荐文章于 2021-06-04 20:59:41 发布

原创最新推荐文章于 2021-06-04 20:59:41 发布 · 2.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #ie #behavior #function #url

DIV+CSS 专栏收录该内容

8 篇文章

订阅专栏

本文提供了两种解决Internet Explorer浏览器中鼠标悬停效果不理想的方法。第一种方法利用了csshover.htc文件，通过简单的CSS样式即可实现。第二种方法则借助于jQuery插件ie-hover，通过加载jQuery库和ie-hover插件，再结合JavaScript代码实现更为复杂的悬停效果。

链接：

方法一：jquery ie-hover 插件：http://github.com/weepy/ie-hover

howto:

body { behavior:url("csshover.htc"); }

方法二：Whatever:hover http://www.xs4all.nl/~peterned/csshover.html

howto:

 
  <script 

  src=

  'jquery.js'

  ></script>

 

 
  <script 

  src=

  'jquery.ie_hover.js'

  ></script>

 

 
  <script>

 

 
  $

  ().

  ready

  (

  function

  ()
 
  {

 

 
    
  $

  .

  fixIEHover

  (

  true

  )

 

 
  })

 

 
  </script>