mouseover与mouseout菜单-老鄢博客

mouseover与mouseout菜单

发布时间：2014-06-27 13:19:08 作者：admin 阅读：1152次

<html xmlns="http://www.w3.org/1999/xhtml">
<head _wxhkphogpkobbkjccgfifhfjlahnoocnan_="shake_1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style media="screen"></style>
<title>公司简介</title>
<style>
@charset "utf-8";
/* CSS Document */
#jsddm{ margin: 0; padding: 0;float:right;width:185px;}
#jsddm li { list-style: none;font: 12px Tahoma, Arial;width: 172px;}
#jsddm li a{display: block;padding: 5px;text-decoration: none;width: 160px;background:#ffffff;text-align:left}
#jsddm li a:hover{color: black}
#jsddm li ul{ margin: 0;padding: 0;position: absolute;visibility: hidden;top:31px;z-index:99;width:172px;height:auto}
#jsddm li ul li{display: inline;width:172px;}
#jsddm li ul li a{ width: 172px;height:30px;padding:0px;line-height:30px;background: #65c6e7;font-size:12px;font-weight:normal;color:white;font-family:"宋体"}
#jsddm li ul li a:hover{ background: #89d7ee;color:white}
</style>
<script src="http://www.phpjx.com:88/js/jquery.min.js" type="text/javascript"></script>
<ul id="jsddm">
<li style="background:white"><a href="http://www.kfgame.com/About/Company.html#" style="font-weight:normal;font-size:12px;border:1px solid #65c6e7;text-indent:0.6em;background:url(index_files/images/select.jpg) no-repeat 140px top;">访问正易龙相关站点</a>
<ul>

<li><a href="http://www.bzw.cn/" target="_blank">  >> 泊众棋牌开发</a></li>

<li><a href="http://mdm.kfgame.com/" target="_blank">  >> 面对面演示平台</a></li>

<li><a href="http://3q1.kfgame.com/" target="_blank">  >> 三缺一演示平台</a></li>

<li><a href="http://pk.tzgame.com/" target="_blank">  >> 紫金游演示平台</a></li>

<li><a href="http://www.669.com/" target="_blank">  >> 紫金阁运营平台</a></li>

<li><a href="http://blog.bzw.cn/" target="_blank">  >> 泊众圈产品博客</a></li>

</ul>
</li>
</ul>
</div>
<script type="text/javascript">
var timeout = 50;
var closetimer = 0;
var ddmenuitem = 0;
function jsddm_open()
{ jsddm_canceltimer();
jsddm_close();
ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');}

function jsddm_close()
{ if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}

function jsddm_timer()
{ closetimer = window.setTimeout(jsddm_close, timeout);}

function jsddm_canceltimer()
{ if(closetimer)
{ window.clearTimeout(closetimer);
closetimer = null;}}

$(document).ready(function()
{ $('#jsddm > li').bind('mouseover', jsddm_open);
$('#jsddm > li').bind('mouseout', jsddm_timer);});

document.onclick = jsddm_close;
</script>

如有问题，可以QQ搜索群1028468525加入群聊，欢迎一起研究技术

支付宝