作的一个完美仿真的window选项卡

最新推荐文章于 2024-06-11 22:25:43 发布

ytbada

最新推荐文章于 2024-06-11 22:25:43 发布

阅读量623

点赞数

分类专栏： CSS HTML 文章标签： list function javascript table iframe input

本文链接：https://blog.csdn.net/ytbada/article/details/1545323

版权

CSS HTML 专栏收录该内容

38 篇文章 0 订阅

订阅专栏

<HTML>
<HEAD>
<script language="JavaScript1.2">
// All Codez Modifed & Writen By Windy_sk,
// You Can Use It Freely , But You Must Hold This Item !

var Card_list = new Array();

function Cardz(title,content) {
this.title = title;
this.content = content;
}

//You can add the url list you wanted, format as below;

Card_list[0] = new Cardz("表单","<form action=''>性别：<input type=radio checked name=sex>男<input name='sex' type=radio>女<br>姓名：<input name='name'><br>工作：<select name='job'><option>待业</option><option>在学</option><option>工作</option></select><br><input type=submit><form>");
Card_list[1] = new Cardz("图片","<img src=http://www.agriffchina.com/pic/banner1.gif width=350 height=60>");
Card_list[2] = new Cardz("iFrame","<iframe style='filter:flipV()' src='http://www.sina.com.cn' width=400 height=90% marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=1></iframe>");
Card_list[3] = new Cardz("表格","<table border=1 width=100%><td>表格</td></tr><tr><td>111111111111</td></tr><tr><td>222222222222</td></tr></table>");
Card_list[4] = new Cardz("滚动字幕","<marquee> 滚动字幕 </marquee>");

var Num = Card_list.length;
var cur_card = 1;

function document.onmousedown(){
var obj=event.srcElement
var pobj=obj.parentElement.id;
if(obj.className=="span"){
for(i=1;i<=Num+1;i++){

if(pobj==("btn"+i)){
document.all("td"+i).style.backgroundColor = "menu";
document.all("btn"+i).style.height = 20;
if(i!=cur_card)content(i)
cur_card = i;
}else{
if(i<=Num){
document.all("td"+i).style.backgroundColor = "white";
document.all("btn"+i).style.height = 18;
}
}
}
}
}

function content(i){
Content.innerHTML = Card_list[i-1].content
}

function init(){
for(i=1;i<=Num;i++)
document.all("MenuName"+i).innerText = Card_list[i-1].title;
content(1);
}

</script>

ytbada

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
作的一个完美仿真的window选项卡

// All Codez Modifed & Writen By Windy_sk,// You Can Use It Freely , But You Must Hold This Item !var Card_list = new Array();function Cardz(title,content) {this.title = title;this.content = conte
复制链接

扫一扫

专栏目录