利用js做鼠标滑过显示离开隐藏的特效

web基础,JavaScript 2012-08-22

这个特效主要用在网页位置不够用而需要展示的内容又太多时使用。默认显示一个标题,鼠标停留在某个标题上才显示下面的内容。实现的思路很简单,注意判断id,相当是将display设为block反之设为none。

下面来看代码,和其他js特效一样。分为2部分。

1.js部分


2.html部分

  • 1.标题一
  • 2.标题二
  • 3.标题三
  • 这里只做了简单的文字。图片、链接等其他特效组件自行添加。

    演示地址:www.apieye.com/plus/97.html


    本文由 Jazzy 创作,采用 知识共享署名 3.0,可自由转载、引用,但需署名作者且注明文章出处。

    还不快抢沙发

    添加新评论