新手自己连抄代做,请大侠斧正

chris1993 发布于 2012/08/16 16:23
阅读 606
收藏 0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0022)http://blog.csdn.net/electroniXtar/ -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh" dir="ltr"> 

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}
</script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0022)http://blog.csdn.net/electroniXtar/ -->
<script type="text/javascript">
<a href="javascript:history.back(-1)">返回上一页</a>
<a href="javascript:location.reload()" target="_self">刷新</a>
<a href="javascript:print();">打印本页</a>


</script>

</head>

<body>
<div id="head"></div>
<div id="name">
<div id="name_logo"></div>
<div id="name_name">有限公司</div>
<div id="name_collection">
<ul class="nav">
        <li><a href="# ">
        <span onclick="var strHref=window.location.href;this.style.behavior='url(#default#homepage)';
this.setHomePage('http://hi.baidu.com/有限公司');" style="CURSOR: hand">设为首页</span>
        </a></li>
        <li><a href="#">
        <span style="CURSOR: hand" onClick="window.external.addFavorite('http://www.baidu.com/有限公司','有限公司')" title="收藏本站">收藏本站</span>
        </a></li>
        </ul>
</div>
</div>
<div id="menu">
  <div id="menu_header">
    <div id="menu_right">
      <ul class="nav">
        <li><a href="# "class="hover">网站首页</a></li>
        <li><a href="#"><b>公司概况</b></a></li>
        <li><a href="# "><b>新闻中心</b></a></li>
        <li><a href="# "><b>品牌展示</b></a></li>
        <li><a href="# "><b>盈佳商城</b></a></li>
        <li><a href="# "><b>人才招聘</b></a></li>
        <li><a href="# "><b>客户留言</b></a></li>
        <li ><a href="#"><b>联系我们</b></a></li>
      </ul>
    </div>
    <!--  End Of menu right-->
  </div>
  <!--  End Of menu header-->
</div>
<!--  End Of menu -->
<div id="Shadow"></div>
<!--  End Of shadow-->
<div id="pictures"></div>
<!--  End Of picture -->
<div id="content">
  <div id="sidebar">
    <div id="sidebar_products">产品分类&nbsp&nbsp PRODCTS</div>
    <div id="sidebar_separete">
         </div>
    <div id="sidebar_contact">联系我们 &nbsp&nbspCONTACT US</div>
    <div id="sidebar_address">
         </div>
    <div id="sidebar_friends">友情链接&nbsp&nbsp FRIENDS</div>
    <div id="sidebar_www">
      <div id="sidebar_www_form">
        <form name="form" id="form" form style='width: 150px' overflow: auto; overflow-x:hidden>
          <select name="jumpMenu" id="jumpMenu" onchange="MM_jumpMenu('parent',this,0)">
            <option value="http://www.163.com">网易</option>
            <option value="http://www.taobao.com>淘宝</option>
          </select>
        </form>
      </div>
      <!--sidebar_www_form-->
    </div>
    <!--sidebar_www-->
  </div>
  <!--end of sidebar-->
 
  <div id="jiange"></div>
  <div id="main">
    <div id="main_cp">
      <div id="main_line">
        <div id="main_line_left"> 开什米尔 | Cashmere </div>
        <!--cashmere-->
        <div id="main_line_right">more</div>
      </div>
      <!--品牌宣传指示条-->
      <div id="main_cp_pc">
        <div id="butong_net_right" style="overflow:hidden;width:520px;">
          <table cellpadding="0" cellspacing="0" border="0">
            <tr>
              <td id="butong_net_right1" valign="top" align="center"><table cellpadding="2" cellspacing="0" border="0">
                  <tr align="center">
                    <td ><img src="images/010.jpg" width="170" height="150" ></td>
                    <td ><img src="images/012.jpg" width="170" height="150"></td>
                    <td ><img src="images/013.jpg" width="170" height="150"></td>
                    <td ><img src="images/014.jpg" width="170" height="150"></td>
                    <td ><img src="images/015.jpg" width="170" height="150"></td>
                  </tr>
                </table></td>
              <td id="butong_net_right2" valign="top"></td>
            </tr>
          </table>
        </div>
        <script>
var speed=30//速度数值越大速度越慢
butong_net_right2.innerHTML=butong_net_right1.innerHTML
function Marquee4(){
if(butong_net_right.scrollLeft<=0)
butong_net_right.scrollLeft+=butong_net_right2.offsetWidth
else{
butong_net_right.scrollLeft--
}
}
var MyMar4=setInterval(Marquee4,speed)
butong_net_right.onmouseover=function() {clearInterval(MyMar4)}
butong_net_right.onmouseout=function() {MyMar4=setInterval(Marquee4,speed)}
</script>
      </div>
      <!--围巾图片滑动-->
    </div>
    <!--end of main_cp公司产品宣传模块完成-->
   
    <div id="main_news">
      <div id="main_line">
        <div id="main_line_left"> 公司大事 | News </div>
        <!--cashmere-->
      </div>
      <!--品牌宣传指示条-->
      <div id="main_news_text"></div>
    </div>
    <!--end 新闻-->
   
    <div id="main_gs">
      <div id="main_line">
        <div id="main_line_left"> 公司介绍 | About Us</div><!--公司介绍-->
        <div id="main_line_right">more</div> <!--更多公司介绍-->
      </div><!--end line-->
      <div id="main_gs_pc">
        <div id="hdtp">
          <script type="text/javascript" src="js.js"></script>
        </div>
      </div><!--end of 公司形象切换图片-->
      <div id="main_gs_text"> 产品主要以精、粗纺羊绒,羊毛围巾、披肩,羊绒面料,羊绒衫等。
        </div>
      <!--end of 公司形象文字内容-->
    </div><!--end of 公司形象-->
  </div><!--end of main-->
</div><!--  End Of content -->
<div id="floor">
  </div>
</body>
</html>

 

 

@charset "utf-8";
/* CSS Document */

#head{
 width:100%;
 height:4px;
 background: #39C;
 clear:both;}
  /* end of head*/
#name{
 height:90px;
 width:1004px;
 margin:0 auto;}
 /* end of name*/
 
 
#name_logo{
 width:10%;
 height:90px;
 padding-left:30px;
 float:left;
 background:url(images/logo.jpg) no-repeat;}
 
#name_name{
 width:60%;
 float:left;
 color:#39C;
 font:bold 20px/45px Arial, Helvetica, sans-serif;
 padding-top:25px;
 padding-left:20px;}
 
 
#name_collection{
 width:25%;
 float:left;
 padding-top:15px;}
 
 
 
#name_collection ul.nav{
 height:30px;
 margin:0px 0 0 0;
 width:250px;
 list-style: none;
 display: inline;

 

}
#name_collection ul.nav li{
 float:right;
 font-size:0;
 line-height:0;
 margin:0;
 border-right:#FFF5ED solid 1px;
}


#name_collection ul.nav li a{
 display:block;
 padding:0 20px;
 font:bold 11px/30px Arial, Helvetica, sans-serif;
 color:#000;
 background-color:inherit;
 text-decoration:none;
}

 /* end of collection*/
#menu{height:35px;
    width:100%;
 background:#39C;}
 


#menu_header{
 width:1004px;
 margin:0 auto;
 height:35px;}
#menu_right{
    width:80%;
 float:right;
 background:#39C;
 height:35px;
 }
#menu_right ul.nav{
 height:35px;
    list-style: none;
 display: inline;

}
#menu_right ul.nav li{
 float:left;
 height:35px;

    border-right:#FFF solid 1px;
}
#menu_right ul.nav li a.hover{
 display:block;
 margin-left:3px;
 padding:0 15px;
 font:bold 11px/35px Arial, Helvetica, sans-serif;
 color: #fff;
 background-color:inherit;
 text-decoration:none;}

#menu_right ul.nav li a{
 display:block;
 background: #39F;
 padding:0 20px;
 font:bold 11px/35px Arial, Helvetica, sans-serif;
 color:#fff;
 background-color:inherit;
 text-decoration:none;
}
#menu_right ul.nav li a:hover{
 background: #006699;
}
/* end of menu*/
#Shadow{
 width:100%;
 height:6px;
 background:url(images/shadow.jpg) repeat-x;}
/* end of shadow*/

#pictures{
 height:230px;
 margin:0 auto;
 background:#CCC url(images/pcture.jpg) no-repeat;
 width:1004px;}
 /* end of 网站flash宣传图*/
 
#content{
 width:1004px;
 margin:0 auto;
 height:555px;
 }
/*content定义*/
#sidebar{
 width:25%;
 float:left;
 margin-top:15px;}/*左边导航栏定义*/


 
#sidebar_products,#sidebar_contact,#sidebar_friends{
 width:100%;
 height:30px;
 background:#39C;
 font:bold 12px/30px Arial, Helvetica, sans-serif;
 color:#FFF;
 text-indent: 3em;

}
 /*sidebar导航条目录义*/

 
#sidebar_separete{
 width:100%;
 margin:0 auto;
 background:url(images/sidebar_background.jpg) repeat-y;}
 
#sidebar_separete ul{

 list-style: none;
 display: inline;

}


#sidebar_separete li a{
 display:block;
  color:#000000;
  text-decoration:none;
  font:11px/30px Arial, Helvetica, sans-serif;
  font-weight:400;
  padding: 5px 15px 0px 65px;
 cursor: pointer;
}


#sidebar_separete li  a.hover ,#sidebar_separete li a:hover{
 color:#b52628;
 }
#sidebar_address{
 padding-top:10px;
 width:100%;
 margin:0 auto;
 background:url(images/sidebar_background.jpg) repeat-y;
 font:bold 11px/15px Arial, Helvetica, sans-serif;
 font-weight: normal;
}
#sidebar_www{
 width:100%;
 height:110px;
 background:url(images/sidebar_background.jpg) repeat-y;}
#sidebar_www_form{
 width:85%;
 margin:0 auto;
 padding-top:10px;}
 
 
 /*sidebar单元格结束*/
 
#jiange{
 width:1%;
 height:500px;
 float:left;
 margin-top:15px;
 background:url(images/jiange.jpg) repeat-y;}
 
 
 
#main{
 width:74%;
 float:left;
 margin-top:15px;}/*main主体部分定义*/
 
#main_cp{
 float:left;
 width:70%;
 height:230px;
overflow: auto;
 
 }
#main_news{
 float:right;
 width:27%;
 height:230px;
 }
#main_gs{
 clear:both;
 width:100%;
 margin:0 auto;
 
}
#main_line{
 width:100%;
 clear:both;
 height:50px;
 margin:0 auto;
 background:url(images/daohangback.jpg) bottom left no-repeat;} 
#main_line_left{
 width:160px;
 height:40px;
 margin-left:10px;
 font:bold 13px/35px Arial, Helvetica, sans-serif;
 color:#39C;
 float:left;
 overflow: auto; }
#main_line_right{
 width:30px;
 height:15px;
 float:right;
 margin-top:15px;
 margin-right:10px;
 font:bold 13px/15px Arial, Helvetica, sans-serif;
 
 overflow: auto; }
#main_cp_pc{
 width:100%;
 height:150px;
 margin:15 0 5 0px;
 overflow: auto; }
 

#main_gs{
 clear:both;
 width:100%;
 margin:0 auto;
 
}
 
#main_gs_pc{
 width:60%;
 float:left;
 margin:5 5 5 10px;
 height:250px;
 
 }
#hdtp {
 float:left;
 margin:0 auto;
     border:5px solid  #CCC;
    font-family: "宋体";
 font-size: 12px;
 color: #000;
 height: 240px;
 width:435px;
 overflow:hidden;
}
#main_gs_text{
 float: right;
 margin-right:10px;
 width:19em;
 height:16em;
 margin:5 5 5 10px;
 font-family:"宋体-PUA";
    text-indent: 2em; /*em是相对单位,2em即现在一个字大小的两倍*/
 word-spacing:0.5em;
    font-size:14px;
 color:#676767;
 padding-right:0px;
 padding-top:15px;
 text-align:left;
 line-height:120%;
 overflow:hidden;
 text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    }
 
#main_news_text{
 height:180px;
 width:100%;
 background:url(images/sidebar_background.jpg) repeat-y;}
 
#floor{
 clear:both;
 width:1004px;
 margin:10 auto;
 height:80px;
 
 }
 
#floor_text{
 width:40%;
 margin:0 auto;
 margin-top:5px;
 height:70px;
 text-align:center;
 font: 10px/15px Arial, Helvetica, sans-serif;
 color:#676767;
}

/*首页面建设完成*/

加载中
0
迷路的游侠
迷路的游侠
谁借我把斧头?
0
c
chris1993
用自己的
迷路的游侠
迷路的游侠
这HTML完全错乱,真心不行
0
leo108
leo108
没人愿意看这样的代码,杀脑细胞
0
c
chris1993
你别说,还真废了不少脑细胞
0
OrionBox
OrionBox
想起一个笑话。说一个研究生,导师要求他些一篇历史论文。但是他懒得去查资料。于是,根据他自己的记忆瞎写一篇。然后发到网上,求扔砖。。结果强大的网民帮他修改了所有bug,然后文章交上去,一次就过了。。。总结:社区的力量好强大。。嘿嘿
0
Dr.Who
Dr.Who
鬼才会看
0
五杀联盟
五杀联盟
不知道可以贴代码么。。。。
0
loki_lan
loki_lan
我来笑一下下就走了。。。
0
YueZheng
YueZheng
都没说明解决什么问题
0
c
chris1993
明天我把原文件传上来,用你们说的那个pre,问题好多,有兼容性,错误代码 ,不知道错哪了。哈哈 ,看到大的回复,发现都很娱乐。一不小心又让大家开心一把
返回顶部
顶部