做一个有下拉功能的留言版
作者 佚名技术
来源 NET编程
浏览
发布时间 2012-05-24
留言版里有太长的留言的话会把页面撑的很长的,大家对那些很长的留言版是不是觉得看的不舒服,每次都要点很多次滚动条。 如果每次一开始只出现标题,点击标题就会在下方出现内容(注意不是弹出窗口),这样的话是不是很不错呢! 接下来我们就看看如何实现: 首先要对各个标题和内容设上ID,这是第一个留言的ID设置,我们把标题的ID设为td1,内容为tdd1,接下去相同。 <TR align=left id=td1 onclick=goit(tdd1) onmouseout=noit(td1) onmouseover=onit(td1) style="CURSOR: hand" bgcolor=#C8E7BA> <td vAlign=middle >这里是标题</TD> </TR> <TR> <TD class=zw id=tdd1 bgcolor=#fffoce>这里是内容 <DIV align=right> <A class=btn href="#tob0" onclick=goit(tdd1)>关闭</A> </DIV> </TD> </TR> "onclick=goit(tdd1) onmouseout=noit(td1) onmouseover=onit(td1)" 这三句就是mouse的事件,noit()和onit()只是改变颜色,goit()就是打开或关闭内容的函数,具体函数在下: <SCRIPT language="JavaScript"> <!-- function onit(o){o.runtimeStyle.backgroundColor=''#FFBB66''} function noit(o){o.runtimeStyle.backgroundColor=''#C8E7BA''} function goit(o){ if (o.style.display==''none'') { o.style.display='''' } else { o.style.display=''none'' } } --> </SCRIPT> 最后不要忘了,初始化你的页面,就是把内容先隐藏起来“ <script language="JavaScript"> goit(tdd1);goit(tdd2);………… </script> |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢! |
你可能对下面的文章感兴趣
上一篇: 动态新闻发布的实现及其技巧下一篇: Access数据库导入Mysql的方法之一
关于做一个有下拉功能的留言版的所有评论