Jquery的鼠标移动上去显示div，鼠标离开的时候隐
导读:搭建网站搭建网站有时候我们需要这个效果：当鼠标放上去的时候显示一个div，当鼠标移走的时候就将div隐藏了。代码如下，记得引入Jquyer库。（当鼠标移动到id=menu的di职业技术学校网站网站搭建公司。
有时候我们需要这个效果：当鼠标放上去的时候显示dede后台模板一个div，当鼠标移走的时候就将div隐藏了。代码如下，记得引入Jquyer库。（当鼠标移动到id=menu的div上的时候，显示id=list的div，然后将鼠标再次移动到id=list的div上的时候，list的div也不会隐藏）
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script src="js/jquery.js" type="text/javascript"></script> <script type="text/javascript"> <!-- $(function () { $("#list").hide(); $("#menu").hover(function dede后台模板() { $("#list").show(); }, function () { $("#list").hide(); }) // 鼠标移动到list的div上的时候list div不会被隐藏 $("#list").hover(function () { $("#list").show(); }, function () { $("#list").hide(); }) }); //--> </script> </head> <body> <form id="form1" runat="server"> <div> <div id="menu" style="width: 300px; height: 100px; border: 1px solid red;"> </div> <div id="list" style="width: 300px; height: 300px; "> </div> </div> <织梦的模板;/form> </body> </html>
相关职业技术学校网站网站搭建公司。声明: 本文由我的SEOUC技术文章主页发布于:2023-07-23 ，文章Jquery的鼠标移动上去显示div，鼠标离开的时候隐主要讲述鼠标,效果,搭建网站网站建设源码以及服务器配置搭建相关技术文章。转载请保留链接: https://www.seouc.com/article/web_35665.html
