tab切换

来源:互联网 发布:rsa公钥私钥生成算法 编辑:程序博客网 时间:2024/05/05 19:02
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><title>tab切换</title></head><body><div align="center" id="tab"><span><button>HUAWEI</button></span><span><button>apple</button></span></div><div id='content'><div align="center" class='cont'>华为荣耀1</div><div align="center" class='cont'>iphone6</div></div></body></html><script src='../../JS/jquery-2.1.4.min.js'></script><script>$(function(){//方法一$("#tab span").mousemove(function(){//_index 方法 索引  也就是元素基于0的位置 并且从0开始算起  var _index=$(this).index();  //隐藏所有的 内容  $(".cont").hide();  //当前点击的显示 当前点击的兄弟全部隐藏$(".cont").eq(_index).show();})})//方法二/*$("#tab span").click(function(){var _index=$(this).index();$(".cont").hide();$("#content div").eq(_index).show();})*/</script>

0 0
原创粉丝点击