点击链接显示隐藏内容_网页文本特效

·网页特效库 ·网页工具库

背景按钮

导航特效

< 后退 | 收藏网页特效库

推荐网页特效

推荐网页工具

您的位置：网页特效库 >> 网页文本特效 >> 点击链接显示隐藏内容	查看此特效演示

点击链接显示隐藏内容

把如下代码复制到<head>与</head>之间

<!--

.para {font-family: "Verdana","Arial","sans-serif"; font-size: 10pt;}

a.headings:link {color: #000000;text-decoration:underline;width:100%;}

a.headings:visited {color: #aa6611; width:100%}

a.headings:hover {color: #ff9933; text-decoration:none; width:100%}

a.headings:active {color: #0000ff;width:100%}

a.headings {background-repeat:no-repeat;font-family:"Verdana","arial","sans-serif";font-size:10px;}

-->

</style>

//more javascript from http://www.smallrain.net

<!-- Begin

var subs_array = new Array("sub1","sub2","sub3");// Put the id's of your hidden divs in this array

function displaySubs(the_sub){

if (document.getElementById(the_sub).style.display==""){

document.getElementById(the_sub).style.display = "none";return

}

for (i=0;i<subs_array.length;i++){

var my_sub = document.getElementById(subs_array[i]);

my_sub.style.display = "none";

}

document.getElementById(the_sub).style.display = "";

}

//  End -->

</script>

把如下代码复制到<body>与</body>之间

使用说明：链接的标题和点击链接后显示的内容可在<body></body>代码部分自行更改。

上一个特效：文字从天上掉下来了

返回列表

下一个特效：圆弧旋转文字