HTML,CSS&JS

树状侧边菜单栏示例

摘要: 侧边栏静态树状菜单在WebApp中很常见，本文涉及了静态树状菜单的制作和显示控制。比较简单。阅读全文

posted @ 2008-10-26 16:53 sitinspring 阅读(3178) | 评论 (0) 编辑

滑动侧边菜单栏示例

摘要: 如果WebApp的侧面菜单项较多时我们可以采用SlideBar的方式将部分菜单显示，大部隐藏，类似Visio中做得那样。本文讨论了Slidebar的做法和显示控制，比较简单。阅读全文

posted @ 2008-10-24 12:25 sitinspring 阅读(4428) | 评论 (0) 编辑

球拍式导航菜单效果的实现

摘要: 工字型布局中都有一个侧边菜单栏目用以导航，它们存在的一个普遍问题是：用户无法迅速的找到自己所处页面在整个网站中的位置。
当菜单项较多时这会演变成一个大问题，当用户需要刻意寻找网页标志来确定自己所处位置时，这已经说明网站给了客户一种迷宫的感觉，有流失客户的潜在可能性。很多网站采用了球拍式菜单来凸显当前所在页面，本文探讨了这种球拍式菜单的实现方式。
阅读全文

posted @ 2008-10-12 10:10 sitinspring 阅读(4373) | 评论 (2) 编辑

四种CSS链接按钮示例

摘要: 将网页链接做成按钮形状是侧边菜单栏和顶端菜单栏常采用的形态，本文总结了四种常用链接按钮形态的CSS制法。阅读全文

posted @ 2008-10-08 12:02 sitinspring 阅读(14764) | 评论 (1) 编辑

使用CSS设置表格二

摘要: 模拟Blogjava制作的一个用CSS控制样式的表格，比较简单。阅读全文

posted @ 2008-10-03 15:35 sitinspring 阅读(972) | 评论 (0) 编辑

使用CSS设置表格

posted @ 2008-09-28 15:04 sitinspring 阅读(510) | 评论 (3) 编辑

使用无序列表制作导航菜单

摘要: 除了Div，Table，Form外，我们最常用的Html元素之一就是无序列表ul，使用它通常可以实现以下形式：
1.实现文本数据列表，这是无序列表的原始意图。
2.嵌套使用无序列表，以实现树状结构。
3.修改无序列表的样式，将它作为菜单使用。相对于用表格制作的菜单项，它修改起来比较方便，样式也很容易设置。
第三点就是本文的主要议题。阅读全文

posted @ 2008-09-27 11:57 sitinspring 阅读(5731) | 评论 (4) 编辑

CSS固定宽度两栏居中示例

posted @ 2008-09-26 17:05 sitinspring 阅读(407) | 评论 (0) 编辑

CSS可变宽度两栏式布局例子

posted @ 2008-09-26 12:13 sitinspring 阅读(665) | 评论 (0) 编辑

按钮按下效果的左侧导航栏实现

posted @ 2008-05-23 13:16 sitinspring 阅读(4377) | 评论 (0) 编辑

使用无序列表实现纵向和横向菜单

摘要: 使用无序列表实现纵向和横向菜单，无序列表UL在网页中除显示树状结构外，最常用的用途就是作为导航栏的菜单使用，而它的样式通过CSS来设定，这种把样式与数据分离的做法既能有丰富多彩的效果，又易于变换，值得好好研究一下。
阅读全文

posted @ 2008-03-23 11:34 sitinspring 阅读(3443) | 评论 (1) 编辑

春风博客

导航

统计

公告

常用链接

留言簿(11)

随笔分类(224)

随笔档案(126)

个人软件下载

我的其它博客

我的邻居们

最新随笔

搜索

积分与排名

最新评论

阅读排行榜

评论排行榜