ONLY A DREAM - 梦想在线!WWW.ONLYAA.COM
当前位置:首 页 > 必备基础 > Javascript > 文章内容
一个导航的前端实现详解
来源:http://ued.koubei.com/?p=435 发布时间:2008-11-13 阅读次数:
[摘要]:

看到这样的导航,你会怎么设计代码结构和切图?

第一步
代码结构按照逻辑来分析初步构想可以这样:

<ul> <li class="first-current">1 填写店铺信息</li>
<li class="middle">2 填写联系人信息</li>
<li class="middle">3 确认创建信息</li>
<li class="last">4 提交成功</li>
</ul>

分三种表现,头、中间、尾,同时,用current标出当前停在第几步。可以用第二个class,就是中间用空格,当然如上中间加-,新用一个class也无妨。


编辑
» 进入JAVASCRIPT经典社区讨论 [收藏] [推荐] [返回顶部] [打印本页] [关闭窗口]
网友评论 - (共有 0 位网友发表了评论)
发表评论
    用户名: 密码: 匿名评论
    评论内容:不能超过250字,需审核后才会公布
     请您注意:
    ·不良评论请用报告管理员,以利管理员及时删除。
    ·尊重网上道德,遵守中华人民共和国的各项有关法律法规
    ·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
    ·本站评论管理人员有权保留或删除其管辖评论中的任意内容 
    ·您在本站发表的作品,本站有权在网站内转载或引用 
    ·参与本评论即表明您已经阅读并接受上述条款