Asp,Php,Jssdk,mysql,mssql,微信公众号开发,小程序开发-学习笔记

<script type="text/javascript">

$(document).ready(function(){

  $("h2").mouseover(function(){

    $(".chabox").css("display","block");

  });

  $("h2").mouseout(function(){

    $(".chabox").css("display","none");

  });

});

</script>

<h2>

<span class="h">Language</span>

<!--chabox-->

<div class="chabox" >

<li><a href="http://www.56539.cn/">慧商开票系统</a></li>

<li><a href="http://www.56qqt.cn">民生开票系统(全球通)</a></li>

<li><a href="http://www.1008656.com/">蓝桥开票系统</a></li>

</div>

<!--chabox-->

</h2>

.chabox{position:absolute; right:5px; top:30px; z-index:999999;   background-color:#fff; border:1px solid #CCCCCC; width:123px; padding:10px; display:none;}

.chabox li{ line-height:28px; font-size:14px; font-weight:100}