css样式求解答
这是一个搜索的框子怎样让我鼠标点在框子里面的时候下面的菜单出现鼠标移开的时候下面的菜单消失要怎么写呢？...
这是一个搜索的框子 怎样让我鼠标点在框子里面的时候下面的菜单出现 鼠标移开的时候下面的菜单消失 要怎么写呢？
展开
展开全部
onMouseDown 按下鼠标时触发
onMouseOver 鼠标经过时触发
onMouseUp 按下鼠标松开鼠标时触发
onMouseOut 鼠标移出时触发
onMouseMove 鼠标移动时触
举个例子
<html>
<head>
<title>CSS 鼠标响应事件</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
.Off{ background-color: #00FF66; padding:100px;}
.up{background-color: #FF0000; padding:100px}
</style>
</head>
<body>
<ul class=Off onMouseOut="this.className='Off'" onMouseOver="this.className='Up'">
<h4>鼠标响应事件 当鼠标经过移出时切换css</h4>
<li>onMouseDown 按下鼠标时触发
<li>onMouseOver 鼠标经过时触发
<li>onMouseUp 按下鼠标松开鼠标时触发
<li>onMouseOut 鼠标移出时触发
<li>onMouseMove 鼠标移动时触发 </li>
</ul>
</body>
</html>
onMouseOver 鼠标经过时触发
onMouseUp 按下鼠标松开鼠标时触发
onMouseOut 鼠标移出时触发
onMouseMove 鼠标移动时触
举个例子
<html>
<head>
<title>CSS 鼠标响应事件</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
.Off{ background-color: #00FF66; padding:100px;}
.up{background-color: #FF0000; padding:100px}
</style>
</head>
<body>
<ul class=Off onMouseOut="this.className='Off'" onMouseOver="this.className='Up'">
<h4>鼠标响应事件 当鼠标经过移出时切换css</h4>
<li>onMouseDown 按下鼠标时触发
<li>onMouseOver 鼠标经过时触发
<li>onMouseUp 按下鼠标松开鼠标时触发
<li>onMouseOut 鼠标移出时触发
<li>onMouseMove 鼠标移动时触发 </li>
</ul>
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$(" #search-keyword").mouseenter(function(){
$(" .cd").show();
}).mouseleave(function(){
$(" .cd").hide();
})
$(" #search-keyword").focus(function(){
$(" .cd").show();
}).blur(function(){
$(" .cd").hide();
})一个是鼠标移上和移开。
一个是获取焦点和失去焦点
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个你要用css写？
.sousuo .cd{display:none;}
.sousuo:hover .cd{display:block;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这里面需要用到JQuery,先用
{display：none;
position：absolute;}定位好位置，并且隐藏。
然后用JQuery的show()来实现
{display：none;
position：absolute;}定位好位置，并且隐藏。
然后用JQuery的show()来实现
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个要用js写方便些
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
