DIV+CSS之仿DreamWeaver界面图形菜单_html/css_WEB-ITnose

DIV CSS图形菜单之仿DreamWeaver，做了四个多小时才兼容好，火狐和IE都无Bug了，搞的自己快出Bug了。

http://www.ij2ee.com/ http://www.gbsou.com/

     DIV CSS布局实例：CSS标签切换代码   * {list-style-type:none; font-size:12px; text-decoration:none; margin:0; padding:0;}a {behavior:url(xuxian.htc)}.woaicss {width:438px; height:300px; overflow:hidden; margin:50px auto;}.woaicss_title {width:438px; height:30px; background:#fff url(http://www.codefans.net/jscss/demoimg/201104/btn_bg.png) no-repeat; overflow:hidden;}.woaicss_title li {display:block; float:left; margin:0 2px 0 0; display:inline; text-align:center;}.woaicss_title li a {display:block; width:90px; heigth:30px; line-height:34px; color:#fff;}.woaicss_title li a:hover {color:#f0f0f0; text-decoration:underline;}.woaicss_title_bg1 {background-position:0 0;}.woaicss_title_bg2 {background-position:0 -30px;}.woaicss_title_bg3 {background-position:0 -60px;}.woaicss_title_bg4 {background-position:0 -90px;}.woaicss_con {display:block; width:438px; height:270px; background:url(http://www.codefans.net/jscss/demoimg/201104/con_bg.png) no-repeat 0 0; overflow:hidden;}.woaicss_con ul {width:418px; height:250px; margin:12px auto;}.woaicss_con li {width:418px; line-height:30px; margin:0 auto; white-space:nowrap; text-overflow:ellipsis; overflow: hidden;}.woaicss_con li a {color:#03c;}.woaicss_con li a:hover {color:#069; text-decoration:underline;}.woaicss_copy {width:438px; margin:10px auto; text-align:center;}.woaicss_copy a {color:#f00;}     
      function woaicssq(num){    for(var id = 1;id               ExtJS          Div教程          CSS布局实例                  WEB标准化          
                              ·Web Developer插件教程 CSS网页布局辅助设计利器！详细图文讲解！                  ·CSS Templates 频道4月5日更新 增加模板22套                  ·XHTML与CSS入门经典 从零开始系列教程！                  ·DIV+CSS布局入门示例（目录）                  ·CSS基础教程17篇 [翻译Htmldog]                  ·DIV CSS布局实例：用css网站布局之十步实录！（目录）                   ·WEB2.0标准教程 循序渐进十二天的基础学习！                  ·Div+CSS 网页布局 教程！

      
查看更多关于DIV+CSS之仿DreamWeaver界面图形菜单_html/css_WEB-ITnose的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did102513