鼠标悬停到一个按钮上或者链接上,展示下div

kitajima--

于 2017-12-22 11:59:58 发布

阅读量2.4k

点赞数

分类专栏： DIV JS

本文链接：https://blog.csdn.net/masuwen/article/details/78871833

版权

JS 同时被 2 个专栏收录

27 篇文章

订阅专栏

DIV

5 篇文章

订阅专栏

<a class="kc-slys" οnmοuseοver="MM_over(this)" οnmοuseοut="MM_out(this)" style="">演示演示演示

<div id="popup" style="left: -65px; display: none;">
	<ul>
		<li>
		<p οnclick="javascript:sl(5162,11,"Y");">
			菜单三
		</p>
		</li>
		<li>
		<p οnclick="javascript:sl(5163,11,"Y");">
			caidane
		</p>
		</li>
		<li>
		<p οnclick="javascript:sl(5164,11,"Y");">
			菜单三
		</p>
		</li>
	</ul>
</div>
</a>






//子菜单鼠标获得焦点
function MM_over(mmObj) {
    console.log(mmObj)
    var $mmObj=$(mmObj);  
    $mmObj.css("position","relative");
    var $mSubObj= $mmObj.children().first();
    var $td=$mSubObj.parent().parent();
    if( $td.children().length=='3'){
    	$mSubObj.attr("style","left:-65px;");
    }
    $mSubObj.show();
}
//菜单鼠标失去焦点
function MM_out(mmObj) {
	 var $mmObj=$(mmObj);  
	var $mSubObj= $mmObj.children().first();
	$mSubObj.hide();
	 $mmObj.css("position","");
}