现在的位置: 首页 > 综合 > 正文

jquery 老牛叉了,几个调用搞定一切啊

2013年11月13日 ⁄ 综合 ⁄ 共 588字 ⁄ 字号 评论关闭

jquery果真是利器啊,隐藏标签展示标签只需要根据位置,带上hide()或者show()方法,便可以轻易实现,如下例所示,鼠标移动到最外层,内部的两层,将会发生神奇的变化:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
<title>无标题文档</title>
<script src="../../开发环境/jquery-1.4.2.js" type="text/javascript"></script>
<script type="text/javascript">
window.onload=function(){
  $("#b").hide();
}
function change(){
  $("#a").hide();
  $("#b").show();
}

</script>
</head>

<body>
    <div id="test" onMouseOver="change()" >
    <div id="a" >
       <input type="text" value="默认显示"/>
    </div></br>
    <div id="b">
       <a href="http://www.baidu.com" >超链接</a>
    </div>
 </div>
</body>
</html>

抱歉!评论已关闭.