程序博客网 > 模拟买基金软件

Tab 切换

来源：互联网发布：模拟买基金软件编辑：程序博客网时间：2024/05/16 01:30

<!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">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title></title>

<style type='text/css'>

body, div, a, h4 {

margin: 0;

padding: 0;

}

#new {

width: 300px;

height: 300px;

margin: 50px;

border: 1px solid #ccc;

font-size: 12px;

}

#title {

background: #ccc;

width: 100%;

height: 24px;

}

#show div {

display: none;

padding: 8px;

}

h4 a {

display: block;

float: left;

width: 80px;

height: 18px;

text-align: center;

padding: 6px 0 0 0;

font-weight: normal;

}

h4 a:hover {

background: #b7b7b7;

color: #fff;

}

h4.cut a {

background: #fff;

font-weight: bold;

}

h4.cut a:hover {

background: #fff;

color: #000;

}

</style>

</head>

<body>

<div id='new'>

<div id='title'>

<h4><a href='#'>Tab1</a></h4>

<h4><a href='#'>Tab2</a></h4>

<h4><a href='#'>Tab3</a></h4>

</div>

<div id='show'>

<div class='content'>内容1</div>

<div class='content'>内容2</div>

<div class='content'>内容3</div>

</div>

</div>

<script type='text/javascript'>

(function() {

var d = document;

var Tab = function(deploy) {

var a = deploy.auto || 0,

t = deploy.trigger || '',

s = deploy.show || '',

n = deploy.name || '',

f = deploy.callback || function() {},

l = t.length || 0;

for (var i = l; i--;) {

t[i].onmouseover = function(i){

return function() {

for (var j = l; j--;) {

if (j != i) {

t[j].className = '';

s[j].style.display = 'none';

} else {

t[i].className = n;

s[i].style.display = 'block';

}

}

if (f instanceof Function) {

f.apply(this, [i]);

}

}

}(i);

}

t[a].className = n;

s[a].style.display = 'block';

}

window.Tab = Tab || {};

}) ();

Tab({

trigger : document.getElementById('title').getElementsByTagName('h4'),

show: document.getElementById('show').getElementsByTagName('div'),

name: 'cut'

});

</script>

</body>

</html>

模拟买基金软件

模拟买基金软件

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子脏辫长长了怎么办瓷砖平整度不好怎么办 win10文件储存失败怎么办两只乌龟打架怎么办宝宝不爱长个怎么办打篮球歪了脚踝怎么办打篮球歪脚了怎么办突然长出肉猴子怎么办鸟翅膀断了怎么办春天家里有虫怎么办放鞭炮震到耳朵怎么办放鞭炮震的耳鸣怎么办小朋友喜欢咬人怎么办收了假钱怎么办橙梦露叶片坏了怎么办小猫咪嗓子沙哑怎么办小狗凉到了拉稀怎么办母猫不会喂奶怎么办家里猫生小猫怎么办刚出生的小猫怎么办新生儿喝到羊水怎么办孩子喝羊水了怎么办小狗生病不吃食怎么办? 狗呕吐不吃东西怎么办小狗狗感冒拉稀怎么办小狗着凉感冒了怎么办小狗吃了干狗粮怎么办小德牧不吃狗粮怎么办母狗不照顾小狗怎么办小狗刚到家害怕怎么办家里母狗生小狗怎么办小猫洗澡后拉稀怎么办小猫离开妈妈叫怎么办不想起床怎么办神回复英短蓝猫长猫藓怎么办写作文字数不够怎么办写作文没有题材怎么办学生上课不听课怎么办孩子学不会数学怎么办大学数学学不会怎么办考研数学学不会怎么办