DIV+CSS布局的网站首页资源-CSDN文库

共26个文件

gif：15个

jpg：4个

psd：4个

DIV+CSS

网站首页

标准的WEB写法

5星 · 超过95%的资源需积分: 10 142 浏览量 2011-11-09 15:35:18 上传评论 3 收藏 1.28MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

jiaocheng.rar （26个子文件）

jiaocheng

css

layout.css 6KB

index.psd 4.94MB

images

btn_login.gif 4KB

btn_login1.gif 4KB

icon.gif 771B

btn_srh.gif 2KB

pic3.jpg 19KB

pic1.jpg 19KB

indexpic.swf 15KB

box_tit_bg.gif 1KB

pic2.jpg 14KB

icon2.gif 7KB

pic5.gif 6KB

nav_bg.psd 47KB

pic4.gif 7KB

nav_bg.gif 5KB

srh_bg.gif 2KB

logo.gif 5KB

hot_bg.gif 3KB

tel.gif 8KB

pic.jpg 19KB

icon.psd 41KB

rmcp.gif 3KB

tel.psd 131KB

side_bg.gif 3KB

index.html 10KB

<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>主页</title> <link href="css/layout.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container"> <div id="header"> <div id="logo"><img src="images/logo.gif" alt="企业名称" width="181" height="45" /></div> <div id="search"> <form id="form1" name="form1" method="post" action=""> 搜索产品 <input class="inp_srh" type="text" name="textfield" id="textfield" /> <input class="btn_srh" type="submit" name="button" id="button" value="查询" /> </form> </div> </div> <div class="clearfloat"></div> <div id="nav"> <div id="nav_l"></div> <div id="nav_r"></div> <div class="nav_main"> <ul> <li><a href="#"><span>首页</span></a></li> <li><a href="#" id="nav_current"><span>企业新闻</span></a></li> <li><a href="#"><span>企业简介</span></a></li> <li><a href="#"><span>产品展厅</span></a></li> <li><a href="#"><span>企业历史</span></a></li> <li><a href="#"><span>招商加盟</span></a></li> <li><a href="#"><span>网上下单</span></a></li> <li><a href="#"><span>联系我们</span></a></li> </ul> </div> <div class="nav_son"> <ul> <li><a href="#">企业动态</a></li> <li><a href="#">领导活动</a></li> <li><a href="#">产品资讯</a></li> <li><a href="#">通知公告</a></li> </ul> </div> </div> <div class="clearfloat"></div> <div id="maincontent"> <div id="main"> <div id="index_top"> <div id="pic"> <script language='javascript' type="text/javascript"> linkarr = new Array(); picarr = new Array(); textarr = new Array(); var swf_width=269; var swf_height=210; var files = "images/pic.jpg|images/pic1.jpg|images/pic2.jpg|images/pic3.jpg"; var links = "#|#|#|#"; var texts = ""; for(i=1;i<picarr.length;i++){ if(files=="") files = picarr[i]; else files += "|"+picarr[i]; } for(i=1;i<linkarr.length;i++){ if(links=="") links = linkarr[i]; else links += "|"+linkarr[i]; } for(i=1;i<textarr.length;i++){ if(texts=="") texts = textarr[i]; else texts += "|"+textarr[i]; } document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ swf_width +'" height="'+ swf_height +'">'); document.write('<param name="movie" value="images/indexpic.swf"><param name="quality" value="high">'); document.write('<param name="menu" value="false"><param name=wmode value="opaque">'); document.write('<param name="FlashVars" value="bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'">'); document.write('<embed src="images/indexpic.swf" wmode="opaque" FlashVars="bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'& menu="false" quality="high" width="'+ swf_width +'" height="'+ swf_height +'" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />'); document.write('</object>'); </script> <div id="login"><span><a href="#"><img src="images/btn_login1.gif" alt="个人用户登录" width="131" height="39" /></a></span><a href="#"><img src="images/btn_login.gif" alt="经销商登录" width="131" height="39" /></a></div> </div> <div id="hot_news"> <div id="news_top"> <h1>苹果iphone 4手机将于9月25日在中国上市</h1> <p>日前中国联通正式宣布将于9月25日9时在中国大陆市场全面推出iPhone4，并为iPhone4用户量身定制了合约计划。</p> </div> <div id="news_list"> <ul> <li><span>9-22</span><a href="#">纯CSS实现三列DIV等高布局</a></li> <li><span>9-22</span><a href="#">HTML元素的ID和Name属性的区别</a></li> <li><span>9-22</span><a href="#">完美兼容ie6,ie7,ie8以及firefox的css透明滤镜</a></li> <li><span>9-22</span><a href="#">DIV+CSS实现放大镜效果的分页样式</a></li> <li><span>9-22</span><a href="#">javascript为FF设置首页</a></li> <li><span>9-22</span><a href="#">复制到系统剪贴板之IE,ff兼容版</a></li> </ul> </div> </div> </div> <div id="index_pic"> <h2><span></span></h2> <ul> <li><a href="#"><img src="images/pic4.gif" alt="产品名称" width="107" height="87" />产品名称</a></li> <li><a href="#"><img src="images/pic4.gif" alt="产品名称" width="107" height="87" />产品名称</a></li> <li><a href="#"><img src="images/pic4.gif" alt="产品名称" width="107" height="87" />产品名称</a></li> <li><a href="#"><img src="images/pic4.gif" alt="产品名称" width="107" height="87" />产品名称</a></li> <li><a href="#"><img src="images/pic4.gif" alt="产品名称" width="107" height="87" />产品名称</a></li> <li><a href="#"><img src="images/pic4.gif" alt="产品名称" width="107" height="87" />产品名称</a></li> <li><a href="#"><img src="images/pic4.gif" alt="产品名称" width="107" height="87" />产品名称</a></li> <li><a href="#"><img src="images/pic4.gif" alt="产品名称" width="107" height="87" />产品名称</a></li> <li><a href="#"><img src="images/pic4.gif" alt="产品名称" width="107" height="87" />产品名称</a></li> <li><a href="#"><img src="images/pic4.gif" alt="产品名称" width="107" height="87" />产品名称</a></li> </ul> </div> <div id="index_box"> <div class="box"> <h2><a class="more" href="#">更多..</a><span>企业历史</span></h2> <div class="box_con"> <dl> <dt><a href="#"><img src="images/pic5.gif" alt="多角度对比苹果iPod系列真机" width="91" height="70" /></a></dt> <dd><a href="#"><strong>多角度对比苹果iPod系列真机</strong></a> 导言：北京时间9月2日凌晨1点苹果在旧金山举行新品发布会，数码特派记者在美国现场直播…</dd> </dl> <ul> <li><a href="#">纯CSS实现三列DIV等高布局</a></li> <li><a href="#">HTML元素的ID和Name属性的区别</a></li> <li><a href="#">完美兼容ie6,ie7,ie8以及firefox的css透明滤镜</a></li> <li><a href="#">DIV+CSS实现放大镜效果的分页样式</a></li> <li><a href="#">javascript为FF设置首页</a></li> <li><a href="#">复制到系统剪贴板之IE,ff兼容版</a></li> <li><a href="#">DIV+CSS实现放大镜效果的分页样式</a></li> </ul> </div> </div> <div class="box box1"> <h2><a class="more" href="#">更多..</a><span>企业历史</span></h2> <div class="box_con"> <dl> <dt><a href="#"><img src="images/pic5.gif" alt="多角度对比苹果iPod系列真机" width="91" height="70" /></a></dt> <dd><a href="#"><strong>多角度对比苹果iPod系列真机</strong></a> 导言：北京时间9月2日凌晨1点苹果在旧金山举行新品发布会，数码特派记者在美国现场直播…</dd> </dl> <ul> <li><a href="#">纯CSS实现三列DIV等高布局</a></li> <li><a href="#">HTML元素的ID和Name属性的区别</a></li> <li><a href="#">完美兼容ie6,ie7,ie8以及firefox的css透明滤镜</a></li> <li><a href="#">DIV+CSS实现放大镜效果的分页样式</a></li> <li><a href="#">javascript为FF设置首页</a></li> <li><a href="#">复制到系统剪贴

评论收藏

内容反馈