マウスカーソルストップイベント
12274 ワード
hove()方法はmouseover()とmouseout()イベントの組み合わせに相当します.
転載先:https://www.cnblogs.com/atlj/p/8065529.html
DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>hover() title>
<script type="text/javascript" src="./js/jquery-1.8.3.min.js">script>
<style type="text/css">
a {
color: #000;
text-decoration: none;
}
ul {
list-style: none;
}
ul li {
width: 140px;
}
#menu_1 {
border: 1px dotted #666;
border-top: none;
padding: 0px 5px 5px 5px;
}
#menu_1 li {
margin: 5px 0px;
}
li.fli {
display: block;
float: left;
padding: 0px 10px;
}
style>
<script type="text/javascript">
$(function(){
$("#myaccound").hover(function(){
$("#menu_1").css("display","block");
},
function(){
$("#menu_1").css("display","none");
}
);
});
script>
head>
<body>
<div id="nav">
<ul>
<li class="fli">
<a href="#"> a>
li>
<li class="fli" id="myaccound">
<a href="#"> ▼a>
<ul id="menu_1" style="display:none;">
<li>
<a href="#"> a>
li>
<li>
<a href="#"> a>
li>
<li>
<a href="#"> a>
li>
ul>
li>
<li class="fli">
<a href="#"> ▼a>
li>
ul>
div>
body>
html>転載先:https://www.cnblogs.com/atlj/p/8065529.html