b2科目四模拟试题多少题驾考考爆了怎么补救
b2科目四模拟试题多少题 驾考考爆了怎么补救

直观:鼠标悬停时如何显示DIV,鼠标悬停时如何隐藏DIV

电脑杂谈  发布时间:2021-01-14 14:19:11  来源:网络整理

移至显示DIV,移至隐藏DIV,这在制作网站的辅助导航菜单时经常使用。其原理是在鼠标经过时触发“显示”事件,并在鼠标离开时触发“隐藏”事件。这样的功能需要JQUERY的帮助。

让我们学习如何在网站论坛上讨论如何实现当鼠标经过并离开隐藏的DIV时显示DIV的功能。 [如果您根本不了解代码,则可以学习html入门教程]

向鼠标传递的DIV中添加类的方法/步骤,该类名称为submeau;如下所示:

鼠标略过显示返回首页_返回首页图标素材_没有鼠标页面怎么返回

sub01

鼠标略过显示返回首页_返回首页图标素材_没有鼠标页面怎么返回

在显示或隐藏的DIV中添加一个ID,该ID名称为:id =“ oa_submeau”,如下所示:

鼠标略过显示返回首页_返回首页图标素材_没有鼠标页面怎么返回

sub02

没有鼠标页面怎么返回_鼠标略过显示返回首页_返回首页图标素材

将以下JQUERY代码放在整个网页的最底部,以控制鼠标显示DIV并保留它以隐藏DIV。

没有鼠标页面怎么返回_返回首页图标素材_鼠标略过显示返回首页

<div class="codecolorer-container text geshi" style="overflow:auto;white-space:nowrap;width:100%;">

通过这种方式,当鼠标经过某个区域时可以显示隐藏的DIV,而在离开时可以再次隐藏DIV。 [为了防止新手学习建立一个不了解该代码的网站,以下是下载示例代码的提示:]

除了使用上述方法实现此类功能外,还可以使用JQUERY实现类似的功能。查看方法:jquery实现了单击按钮来显示和隐藏内容


本文来自电脑杂谈,转载请注明本文网址:
http://www.pc-fly.com/a/bofangqi/article-347767-1.html

    相关阅读
      发表评论  请自觉遵守互联网相关的政策法规,严禁发布、暴力、反动的言论

      热点图片
      拼命载入中...