2006-01
24

给左侧的各版块做了个伸缩功能。

  为使版面看上去更简洁,现在浏览者可以根据自己喜欢,只要点击左侧各版块的右边的黑色箭头就可以“收缩”或“伸展”相应版块内容,不过这个功能没有被记录下来,每次刷新页面都是默认展开的,呵呵。如果能做成可拖拽就更好了。
  用的方法很简单就是显示和隐藏层了。
定义函数:
<script language="JavaScript" type="text/javascript">
function turnit(ss)
{
if (ss.style.display=="none")
  {ss.style.display="block";
  }
else
  {ss.style.display="none";
  }
}
</script>
然后:
在箭头图片内加上这句:onClick=turnit(s1); style="CURSOR: hand"
显示版块内容的层加上:id=s1 style="display:block;"
OK了,试试去吧!

文章来自:
引用通告: 查看所有引用 | 我要引用此文章
Tags:
相关日志:
评论: 0 | 引用: -2 | 查看次数: 4033
发表评论
昵 称:
密 码: 游客发言不需要密码.
内 容:
验证码: 验证码
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.
字数限制 1000 字 | UBB代码 开启 | [img]标签 关闭
深度XP 雨林木风XP WinXP下载 世界之窗 深度系统 雨林木风 Ghost ghost系统盘 XP下载