zoukankan
html css js c++ java
选项卡效果
<
LINK
href
="1/p7tp_08.css"
type
=text/css
rel
=stylesheet
>
<
LINK
href
="1/ziti.css"
type
=text/css
rel
=stylesheet
>
<
SCRIPT
src
="1/p7tpscripts.js"
type
=text/javascript
></
SCRIPT
>
<
TABLE
cellSpacing
=2
cellPadding
=2
width
=480
border
=0
>
<
TBODY
>
<
TR
>
<
TD
align
=left
width
=480
>
<
DIV
class
=p7TPpanel
id
=p7TP1
>
<
DIV
class
=p7TPwrapper
>
<
DIV
class
=p7TP_tabs
>
<
DIV
class
=down
id
=p7tpb1_1
><
A
class
=down
href
="javascript:;"
><
B
>
147258
</
B
></
A
></
DIV
>
<
DIV
id
=p7tpb1_2
><
A
href
="javascript:;"
><
B
>
2
</
B
></
A
></
DIV
>
<
DIV
id
=p7tpb1_3
><
A
href
="javascript:;"
><
B
>
3333
</
B
></
A
></
DIV
><
BR
class
=p7TPclear
></
DIV
>
<
DIV
class
=p7TPcontent
>
<
DIV
id
=p7tpc1_1
>
<
TABLE
cellSpacing
=1
cellPadding
=1
width
="98%"
align
=center
border
=0
>
<
TBODY
>
<
TR
vAlign
=top
>
<
TD
>
123456
</
TD
></
TR
></
TBODY
></
TABLE
>
<
TABLE
cellSpacing
=0
cellPadding
=0
width
=190
border
=0
>
<
TBODY
>
<
TR
>
<
TD
class
=style35
width
=190
height
=10
></
TD
></
TR
></
TBODY
></
TABLE
></
DIV
>
<
DIV
id
=p7tpc1_2
>
<
TABLE
cellSpacing
=1
cellPadding
=1
width
="98%"
align
=center
border
=0
>
<
TBODY
>
<
TR
vAlign
=top
>
<
TD
align
=left
width
="84%"
>
23456
</
TD
></
TR
></
TBODY
></
TABLE
></
DIV
>
<
DIV
id
=p7tpc1_3
>
<
TABLE
cellSpacing
=1
cellPadding
=1
width
="98%"
align
=center
border
=0
>
<
TBODY
>
<
TR
vAlign
=top
>
<
TD
align
=left
width
="84%"
>
3589
</
TD
></
TR
></
TBODY
></
TABLE
></
DIV
></
DIV
></
TD
></
TR
></
TBODY
></
TABLE
></
TD
></
TR
></
TBODY
></
TABLE
>
<
SCRIPT
type
=text/javascript
>
...
<!--
P7_initTP(
8
,
0
);
//
-->
</
SCRIPT
>
JS文件如下
===============================
var p7tpa=new Array();
function P7_setTP(){
var i,h="
<
sty
"+"le type
="text/css"
>
";h+=".p7TP_tabs{display: block;}.p7TPcontent div{display:none;} ";
h+=".p7TPcontent div div{display:block;} ";if(document.getElementById){for(i=1;i
<
11
;i++){
h+
="#p7tpc"
+i+"_1 {display:block;} ";}h+
=" <"
+"/sty"+"le
>
";document.write(h);}
}
P7_setTP();
function P7_initTP(){
var i,j,tb,tD,tP,tA,pb="p7TP";if(!document.getElementById){return;};p7tpa=arguments;
for(i=1;i
<
11
;i++){tb
=pb+i;tP=document.getElementById(tb);if(tP){tD=tP.getElementsByTagName("DIV");
if(tD){for(j
=0;j<tD.length;j++){if(tD[j].id&&tD[j].id.indexOf("p7tpb")==0){
tA
=tD[j].getElementsByTagName("A");if(tA[0]){tA[0].p7tpn=new
Array(i,tD[j].id);
tA[0].onclick
=function(){return
P7_TPtrig(this);};}}}}}}
}
function P7_TPtrig(a){
var i,tD,tA,tC,c,d,sb,an
=p7tpa[1];if(typeof(a)!='object'){c=a.replace("p7tpc","p7tpb");
d
=document.getElementById(c);if(d){a=d.getElementsByTagName("A")[0];}}if(a.p7tpn){
tD
=document.getElementById(a.p7tpn[1]);if(tD){tA=tD.parentNode.getElementsByTagName("A");
for(i
=0;i<tA.length;i++){if(tA[i].p7tpn){sb=tA[i].p7tpn[1].replace("p7tpb","p7tpc");
tC
=document.getElementById(sb);if(tA[i]==a){tA[i].className="down";
document.getElementById(tA[i].p7tpn[1]).className
="down"
;if(tC){if(an
>
0){
tC.style.visibility="hidden";tC.style.display="block";setTimeout("P7_TPanim('"+tC.id+"')",100);
}else{tC.style.display="block";}}}else{tA[i].className='';
document.getElementById(tA[i].p7tpn[1]).className='';if(tC){tC.style.display="none";}}}}}}return false;
}
function P7_TPanim(iD){
var i,f,tC,g=new Array(),an=p7tpa[1];ob=document.getElementById(iD);tC=ob.parentNode;
if(!tC.filters){ob.style.opacity="0.10";ob.style.visibility='visible';P7_TPfadeIn(ob.id,0.00);
return;}f='progid:DXImageTransform.Microsoft.';d=' Duration=1';
g[0]='Fade';g[1]='Fade';g[2]='Wipe(GradientSize=0.5, wipeStyle=0, motion="forward"'+d+')';
g[3]='Pixelate(MaxSquare=50,Duration=1,Enabled=false'+d+')';
g[4]='RandomDissolve('+d+')';g[5]='Iris(irisstyle="SQUARE", motion="in"'+d+')';
g[6]='Iris(irisstyle="SQUARE", motion="out"'+d+')';g[7]='Iris(irisstyle="CIRCLE", motion="in"'+d+')';
g[8]='Iris(irisstyle="CIRCLE", motion="out"'+d+')';g[9]='Blinds(direction="up", bands=1'+d+')';
g[10]='Blinds(direction="down", bands=1'+d+')';g[11]='Blinds(direction="right", bands=1'+d+')';
g[12]='Blinds(direction="left", bands=1'+d+')';g[13]='Barn(orientation="vertical", motion="in"'+d+')';
g[14]='Barn(orientation="vertical", motion="out"'+d+')';g[15]='Barn(orientation="horizontal", motion="in"'+d+')'
g[16]='Barn(orientation="horizontal", motion="out"'+d+')';g[17]='Strips(motion="leftdown"'+d+')';
g[18]='Strips(motion="leftup"'+d+')';g[19]='Strips(motion="rightdown"'+d+')';
g[20]='Strips(motion="rightup"'+d+')';g[21]='RadialWipe(wipeStyle="clock"'+d+')';
g[22]='RadialWipe(wipeStyle="wedge"'+d+')';g[23]='RadialWipe(wipeStyle="radial"'+d+')';
g[24]='Slide(slideStyle="PUSH", bands=1'+d+')';g[25]='Slide(slideStyle="SWAP", bands=5'+d+')';
g[26]='Slide(slideStyle="HIDE", bands=1'+d+')';g[27]='Wheel(spokes=4'+d+')';g[28]='Wheel(spokes=16'+d+')';
an=(an>g.length)?3:an;f+=g[an];tC.style.filter=f;if(tC.filters.length
<
1
){p7tpa[1]
=0;ob.style.visibility='visible';
return;}tC.filters[0].Apply();ob.style.visibility
='visible';tC.filters[0].Play();
}
function P7_TPfadeIn(id,op){
var d
=document.getElementById(id);op+=.05;op=(op
>
=1)?1:op;d.style.opacity=op;
if(op
<
1
){setTimeout("P7_TPfadeIn('"+id+"',"+op+")",10);}
}
================================================
查看全文
相关阅读:
Vijos P1459 车展 (treap 任意区间中位数)
「BZOJ1691」[Usaco2007 Dec] 挑剔的美食家 (Treap)
hdu 1540 Tunnel Warfare(Treap)
hdu 2844 Coins (多重背包+二进制优化)
hdu 2159 FATE (二维完全背包)
hdu 2955 Robberies (01背包)
hdu 2546 饭卡 (01背包)
hdu 2191 (多重背包二进制优化)
2019西北工业大学程序设计创新实践基地春季选拔赛 I Chino with Rewrite (并查集+树链剖分+线段树)
CF895E Eyes Closed (期望)
原文地址:https://www.cnblogs.com/zerogo/p/2209375.html
最新文章
luogu1265 公路修建
luogu1980 车站分级
luogu1972 [SDOI2009] HH的项链
luogu1345 奶牛的电信
luogu3225 [HNOI2012]矿场搭建
luogu1417 烹调方案
luogu1415 拆分数列
luogu2161 [SHOI2009]会场预约
luogu2149 [SDOI2009] Dlaxia的路线
编译时减少错误的一个方法
热门文章
模板1——快速读入
洛谷 P1086 开车旅行 【倍增+STL】
原创题目 拼方头 【组合数+记忆化优化】
2016 Noip Day1 T3 换教室 【概率DP+Floyd】
Vijos 1776 关押罪犯 【并查集+贪心】
vijos 1037 搭建双塔 【DP】
Vijos 1470 教主的后花园 【DP+暴力枚举+递推】
Vijos 1059 积木城堡 【DP+枚举】
Vijos 1038 添加括号 【区间DP】
bzoj 1588: [HNOI2002]营业额统计 (Treap)
Copyright © 2011-2022 走看看