mouseover与mouseout菜单

<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">&nbsp;&nbsp;&gt;&gt;&nbsp;泊众棋牌开发</a></li>
           
               <li><a href="http://mdm.kfgame.com/" target="_blank">&nbsp;&nbsp;&gt;&gt;&nbsp;面对面演示平台</a></li>
           
               <li><a href="http://3q1.kfgame.com/" target="_blank">&nbsp;&nbsp;&gt;&gt;&nbsp;三缺一演示平台</a></li>
           
               <li><a href="http://pk.tzgame.com/" target="_blank">&nbsp;&nbsp;&gt;&gt;&nbsp;紫金游演示平台</a></li>
           
               <li><a href="http://www.669.com/" target="_blank">&nbsp;&nbsp;&gt;&gt;&nbsp;紫金阁运营平台</a></li>
           
               <li><a href="http://blog.bzw.cn/" target="_blank">&nbsp;&nbsp;&gt;&gt;&nbsp;泊众圈产品博客</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>

    A+
发布日期:2014年06月27日  所属分类:未分类

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: