论坛首页 Web前端技术论坛

使用HTML+CSS编写一个灵活的Tab页

浏览 144286 次
该帖已经被评为精华帖
作者 正文
   发表时间:2007-04-17  
不错,值得参考
0 请登录后投票
   发表时间:2007-04-24  
楼主做的真的很漂亮,而且正是我想要得。但是,我是使用Asp.net的。没有看明白楼主的JSP代码(将这段HTML的片断抽取到一个JSP中,然后include到真正的业务页面上)。
能不能请楼主再辛苦一下,做一个菜单让2级菜单成为一级菜单的一个子项(用javascript也不要紧),或者给详细讲解一下在程序中自动调用的过程呢!
我的项目中正好需要一个这样的菜单。恳请楼主帮忙了!
0 请登录后投票
   发表时间:2007-04-24  
.net 写成UserControl更加方便,而且还可以实现编辑器视图,比java爽多了。

二级菜单转为子项也很简单啊


<asp:Repeater id=Repeater1 runat="server">
<ul>
<ItemTemplate>
<li>
   <ul>
     <li/>
   </ul>
</li>
</ItemTemplate>
</ul>
</asp:Repeater>



差不多就是这个意思

css要调整一下,改成下来或者抽屉式的都很方便的



0 请登录后投票
   发表时间:2007-04-30  
kj23 写道
M是不是立体的这个问题其实不属于View设计的范畴。

这个页面设计的再好一点,就是让2级菜单成为一级菜单的一个子项。

这样就能体现zkj说的立体模型了



我修改了一下:
1.去除了 css 文件对 id 的依赖
2.把2级菜单设为一级菜单的一个子项,选中某个一级菜单时,用一小段js将二级详细显示出来


欢迎拍砖
0 请登录后投票
   发表时间:2007-04-30  
kj23 写道
M是不是立体的这个问题其实不属于View设计的范畴。

这个页面设计的再好一点,就是让2级菜单成为一级菜单的一个子项。

这样就能体现zkj说的立体模型了


在lz的基础上修改
1.去除了css对id的依赖
2.把2级菜单成为一级菜单的一个子项,选中时,通过一小段js将其显示
0 请登录后投票
   发表时间:2007-04-30  
可能你只着眼与tab的效果实现了

我提问过很多次了,当几十张乃至更多的页面在这里切换

都写在一个页面上恐怕不现实吧,这才是设计的初衷,否则上面很多朋友介绍的作品都比这个好吧

代码建议在ff下面跑一下,和ie下看到的差别还是蛮大的,主要是css上需要调整一下
0 请登录后投票
   发表时间:2007-05-06  
CSS真不错,就是不太会用,有时间要学学了。
0 请登录后投票
   发表时间:2007-05-07  
大哥,能否指点小妹一下,后台相关菜单的ID是怎么写的啊,怎么样才能动态生成那个ID号,就是前面li调用的那个ID。我用的是ASP,不知道怎么写啦,不然要高光显示各栏目,就得做很多个head文件了。。。小妹谢谢了。。。
比如后台功能菜单有公司简介、产品展示、联系我们,那么如何才能生成那个ID号呢?
0 请登录后投票
   发表时间:2007-05-07  
动态取得ID后,是不是在CSS样式表也要加上相应的样式啊
0 请登录后投票
   发表时间:2007-05-07  
  
  可能我表达不清楚,我的意思是通过调用一个head文件,点不同栏目的时候,该栏目就高亮显示,就是要这种效果...

  就是要在head.asp这个文件里动态调用<div id="attendanceNavg">这个里的id值,那么这个id值如何才能实现动态啊.

  比如现在前台栏目有:栏目一、栏目二、栏目三,如何能让id的值分别对应到这三个栏目。。。
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics