页面导航：首页 → 网络编程 → JavaScript → 应用技巧 → 正文内容

javascript发表评论或者留言时的展开效果

发布：dxy 字体：[增加减小] 类型：转载

点击运行可以看到效果:

<html> 
<head> 
<title>biyuan给大家拜年了！</title> 
<meta http-equiv="content-type" content="text/html; charset=gb2312" /> 
<style type="text/css"> 
body { 
    margin:20px; 
    background:#c72c02; 
    color:#ffffff; 
    font-size:12px; 
    font-family:verdana; 
} 
fieldset { 
    width:300; 
    border:1px dashed #ffffff; 
} 
legend { 
    width:150px; 
    border:1px dashed #ffffff; 
    background-color:#c72c02; 
    font-weight:bold; 
    line-height:24px; 
    text-align:center 
} 
a:link,a:hover,a:visited { 
    color:#ffffff; 
} 
</style> 
<body> 
<h2><i>Happy new year!<sub>to 51jser</sub></i></h2> 
<script type="text/javascript"> 
var h = "ss"; 
var t = new Array(); 
t[0] = new Array("51jser","biyuan给大家拜年了！
恭祝大家新年快乐，万事如意，合家欢乐，气象更新，狗年大发^@^！"); 
t[1] = new Array("Benny","喜欢抽点烟，听听过时的音乐
希望新的一年你的技术日涨船高，CSING和CACHEBBS能引领无忧DOTNET潮流！
恭祝新年快乐，万事如意！"); 
t[2] = new Array("dron","估计你已经回家了！
祝愿你的JS水准能登峰造极，能写出更多更好的脚本，为广大无忧网友服务！
恭祝新年快乐，万事如意！"); 
t[3] = new Array("eoe","是个不错的小伙，就是太色！
学完XHTML+CSS赶紧和我一起.NET吧！新的一年祝愿你泡更多MM！
恭祝新年快乐，万事如意！"); 
t[4] = new Array("JSTOP","这家伙时隐时现？
别忙的忘记了过年^o^，新的一年你也大了一岁了，记得常来无忧看看！
恭祝新年快乐，万事如意！"); 
t[5] = new Array("Anson","这个老大太帅了！
感谢你对无忧一直以来无私的奉献！我们会一如既往支持你。
恭祝新年快乐，万事如意！"); 
t[6] = new Array("FlashSoft","偶尔上来冒冒泡！
从论坛清道夫到潜水专家，事实告诉我们，你工作比较忙，忙是好事，赚钱多嘛：）
恭祝新年快乐，万事如意！"); 
t[7] = new Array("xlone","我只想对你说一句话：
2006，无忧的服务器靠你了！
恭祝新年快乐，万事如意！"); 
t[8] = new Array("sunnyya","感谢你对水版做出的贡献！
很不好意思，那个录音我看今年我是搞不了了，应风云突变的要求，我写个HTML算是新年贺礼呵！
恭祝新年快乐，万事如意！"); 
t[9] = new Array("efenger","继续努力！
无忧UI不能没有你！
恭祝新年快乐，万事如意！"); 
t[10] = new Array("white103","到白版了！
靠，我对你无语^_^！(开个玩笑)，你的小站办的不错，就是空链太多，有时间就好好修改一下，不要太懒！！！
恭祝新年快乐，万事如意！"); 
t[11] = new Array("adong","多疼疼老婆！
CS爆头感觉确实很爽，逛街的时候带上根ASP也确实不错，但对老婆可要温柔点。
恭祝新年快乐，万事如意！"); 
for(i = 0 ; i < t.length ; i++){ 
    document.write("<fieldset>\r\n" 
            + "<legend>" 
            + "<a href=\"###\" onclick=\"javascript:run('div_0" + i + "');\">To " + t[i][0] + "</a>" 
            + "</legend>" 
            + "<div id=\"div_0" + i + "\" style=\"margin:6px;display:none;color:#cccccc\">" 
            + t[i][1] 
            + "</div>" 
            + "</fieldset>

"); 
} 
function run(str){ 
    document.getElementById(str).style.display = document.getElementById(str).style.display == 'none'?'block':'none'; 
} 
document.getElementById("div_00").style.display = "block"; 
</script> 
……………………
 
人太多，我就不一一列举了，千言万语。尽在不言中！ 
</body> 
</html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

Tags：javascript发表评论或者留言时的展开效果