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
- tab切换
- 切换tab
- Tab 切换
- TAB切换
- Tab切换
- Tab切换
- tab切换
- tab切换
- tab切换
- tab切换
- Tab切换
- Tab切换
- Tab切换
- tab切换
- tab切换
- Tab切换
- tab切换
- tab切换
- My97DatePicker简单使用
- JS能力测评经典题
- POJ 2976 Dropping tests 01分数规划 二分解法
- win10配置java环境变量,解决javac不是内部或外部命令等问题
- Populating Next Right Pointers in Each Node
- tab切换
- Android开发——GPS定位
- css3设置textarea不可改变大小
- 编程错误统计
- Undefined symbols for architecture x86_64
- 使用AlertDialog创建单选列表对话框
- 17 合并两个排序的链表
- Android 系统中 Location Service 的实现与架构
- table