<!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=utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=7" />
<title>网店网站示例</title>
<link href="style/header.css" rel="stylesheet" type="text/css" />
<link href="style/main.css" rel="stylesheet" type="text/css" />
<link href="style/footer.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!--顶部文件开始-->
<div id="header">
<div class="header_logo"><img src="images/shop_logo.jpg" /></div>
<div class="header_link">
<a href="#">系统登陆</a>
|
<a href="#">关于我们</a>
|
<a href="#">加入收藏</a>
|
<a href="#">设为主页</a>
</div>
<div class="header_nav">
<span class="header_nav_block">
<img src="images/shop_nav_1.gif" align="absmiddle"/> <a href="#">我的帐户</a>
</span>
<span class="header_nav_block">
<img src="images/shop_nav_2.gif" align="absmiddle"/> <a href="#">购物车</a>
</span>
<span class="header_nav_block">
<img src="images/shop_nav_3.gif" align="absmiddle"/> <a href="#">收藏夹</a>
</span>
<span class="header_nav_block">
<img src="images/shop_nav_4.gif" align="absmiddle"/> <a href="#">新手上路</a>
</span>
</div>
<div class="header_ad">
<span class="header_ad_left">
<a href="#">
<img src="images/shop_ad_1.jpg" alt="广告" />
</a>
</span>
<span class="header_ad_right">
<a href="#">
<img src="images/shop_ad_2.jpg" alt="广告" />
</a>
</span>
</div>
</div>
<!--顶部文件结束-->
<!--主体文件开始-->
<div id="main">
<div id="left">
<div id="search">
<h1>查询商品</h1>
<div class="search_blank">
<form id="form1" name="form1" method="post" action="">
<label>
<input type="text" name="textfield" id="textfield" /> <button class="search_button">搜索</button>
</label>
</form>
</div>
</div>
<div id="list">
<h2>MP3品牌目录</h2>
<div id="list_show">
<ul>
<li><a href="#" target="_blank">苹果 (iPod)</a></li>
<li><a href="#" target="_blank">艾利和 (iriver)</a></li>
<li><a href="#" target="_blank">索尼 (sony)</a></li>
<li><a href="#" target="_blank">纽曼 (newman)</a></li>
<li><a href="#" target="_blank">飞利浦 (Philips)</a></li>
<li><a href="#" target="_blank">台电 (teclast)</a></li>
<li><a href="#" target="_blank">创新 (CREATIVE)</a></li>
<li><a href="#" target="_blank">爱国者 (aigo)</a></li>
<li><a href="#" target="_blank">欧珀 (OPPO)</a></li>
<li><a href="#" target="_blank">昂达 (onda)</a></li>
<li><a href="#" target="_blank">联想 (Lenovo)</a></li>
<li><a href="#" target="_blank">魅族 (M6)</a></li>
<li><a href="#" target="_blank">三星 (SAMSUNG)</a></li>
<li><a href="#" target="_blank">爱欧迪 (IAUDIO)</a></li>
<li><a href="#" target="_blank">爱可视 (ARCHOS)</a></li>
<li><a href="#" target="_blank">海信 (Hisense)</a></li>
<li><a href="#" target="_blank">爱可视 (ARCHOS)</a></li>
<li><a href="#" target="_blank">优百特 (UNIbit)</a></li>
<li><a href="#" target="_blank">蓝魔 (Ramos)</a></li>
<li><a href="#" target="_blank">微星 (MSI)</a></li>
<li><a href="#" target="_blank">中恒 (DEC)</a></li>
<li><a href="#" target="_blank">其他品牌</a></li>
</ul>
</div>
</div>
</div>
<div id="right">
<div id="login">欢迎访问,请 <a href="#">登录</a> 或者 <a href="#">注册</a> </div>
<div id="new_goods">
<div class="new_goods_title"><img src="images/shop_dot.jpg" align="absmiddle"/> 最新热门MP3</div>
<div class="new_goods_main">
<!--商品列表开始-->
<div id="goods">
<div class="goods_pic">
<a href="#">
<img src="images/goods_1.jpg" alt="iPod touch 2代 8G " />
</a>
</div>
<div class="goods_intro"><a href="#" class="goods_intro">iPod touch 2代 8G (苹果官方唯一网络授权 正品行货!)</a>
</div>
<div class="goods_price">
<span class="goods_price_we">¥ 1,748.00</span>
<span class="goods_price_other">¥1,998.00</span>
</div>
<div class="goods_buy">
<a href="#"><img src="images/buttons_buy.jpg" alt="购买" /></a>
<a href="#"><img src="images/buttons_coll.jpg" alt="收藏" /></a>
<a href="#"><img src="images/buttons_comp.jpg" alt="对比" /></a>
</div>
</div>
<!--商品列表结束-->
<!--商品列表开始-->
<div id="goods">
<div class="goods_pic">
<a href="#">
<img src="images/goods_11.jpg" alt="魅族 M6 Miniplayer SL" />
</a>
</div>
<div class="goods_intro"><a href="#" class="goods_intro">魅族 M6 Miniplayer SL (4G MP4 超薄版 黑色)</a>
</div>
<div class="goods_price">
<span class="goods_price_we">¥ 468.00</span>
<span class="goods_price_other">¥758.00</span>
</div>
<div class="goods_buy">
<a href="#"><img src="images/buttons_buy.jpg" alt="购买" /></a>
<a href="#"><img src="images/buttons_coll.jpg" alt="收藏" /></a>
<a href="#"><img src="images/buttons_comp.jpg" alt="对比" /></a>
</div>
</div>
<!--商品列表结束-->
<!--商品列表开始-->
<div id="goods">
<div class="goods_pic">
<a href="#">
<img src="images/goods_3.jpg" alt="艾利和 iriver Mplayer eyes 2G 天蓝色 米奇MP3播放器" />
</a>
</div>
<div class="goods_intro"><a href="#" class="goods_intro">艾利和 iriver Mplayer eyes 2G 天蓝色 米奇MP3播放器</a>
</div>
<div class="goods_price">
<span class="goods_price_we">¥ 280.00</span>
<span class="goods_price_other">¥450.00</span>
</div>
<div class="goods_buy">
<a href="#"><img src="images/buttons_buy.jpg" alt="购买" /></a>
<a href="#"><img src="images/buttons_coll.jpg" alt="收藏" /></a>
<a href="#"><img src="images/buttons_comp.jpg" alt="对比" /></a>
</div>
</div>
<!--商品列表结束-->
<!--商品列表开始-->
<div id="goods">
<div class="goods_pic">
<a href="#">
<img src="images/goods_4.jpg" alt="艾利和 iriver P7 MP4播放器 16G" />
</a>
</div>
<div class="goods_intro"><a href="#" class="goods_intro">艾利和 iriver P7 MP4播放器 16G(支持RM/RMVB、收音、录音)</a>
</div>
<div class="goods_price">
<span class="goods_price_we">¥ 1,130.00</span>
<span class="goods_price_other">¥1,399.00</span>
</div>
<div class="goods_buy">
<a href="#"><img src="images/buttons_buy.jpg" alt="购买" /></a>
<a href="#"><img src="images/buttons_coll.jpg" alt="收藏" /></a>
<a href="#"><img src="images/buttons_comp.jpg" alt="对比" /></a>
</div>
</div>
<!--商品列表结束-->
<!--商品列表开始-->
<div id="goods">
<div class="goods_pic">
<a href="#">
<img src="images/goods_5.jpg" alt="艾利和 iriver U15 Lplayer 8G MP4播放器 " />
</a>
</div>
<div class="goods_intro"><a href="#" class="goods_intro">艾利和 iriver U15 Lplayer 8G MP4播放器(白色)</a>
</div>
<div class="goods_price">
<span class="goods_price_we">¥ 620.00</span>
<span class="goods_price_other">¥1,099.00</span>
</div>
<div class="goods_buy">
<a href="#"><img src="images/buttons_buy.jpg" alt="购买" /></a>
<a href="#"><img src="images/buttons_coll.jpg" alt="收藏" /></a>
<a href="#"><img src="images/buttons_comp.jpg" alt="对比" /></a>
</div>
</div>
<!--商品列表结束-->
<!--商品列表开始-->
<div id="goods">
<div class="goods_pic">
<a href="#">
<img src="images/goods_6.jpg" alt="创新 CREATIVE ZEN Stone 小石头" />
</a>
</div>
<div class="goods_intro"><a href="#" class="goods
没有合适的资源?快使用搜索试试~ 我知道了~
DIV+CSS商业案例与网页布局源代码.rar
共268个文件
jpg:117个
gif:67个
html:53个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 135 浏览量
2023-02-26
09:35:29
上传
评论
收藏 2.36MB RAR 举报
温馨提示
免责声明:资料部分来源于合法的互联网渠道收集和整理,部分自己学习积累成果,供大家学习参考与交流。收取的费用仅用于收集和整理资料耗费时间的酬劳。 本人尊重原创作者或出版方,资料版权归原作者或出版方所有,本人不对所涉及的版权问题或内容负法律责任。如有侵权,请举报或通知本人删除。
资源推荐
资源详情
资源评论
收起资源包目录
DIV+CSS商业案例与网页布局源代码.rar (268个子文件)
goods.css 7KB
main.css 6KB
main.css 6KB
main.css 5KB
main.css 4KB
menu.css 3KB
header.css 3KB
header.css 2KB
head.css 2KB
header.css 2KB
css.css 2KB
css.css 2KB
style.css 1KB
info.css 1KB
article.css 957B
header.css 835B
footer.css 500B
footer.css 208B
footer.css 201B
footer.css 187B
Thumbs.db 63KB
Thumbs.db 44KB
Thumbs.db 19KB
Thumbs.db 14KB
Thumbs.db 6KB
guonei.gif 43KB
pic_nav_navbg.gif 35KB
banner.gif 15KB
font_nav_logo.gif 12KB
slogan.gif 7KB
info.gif 5KB
logo.gif 4KB
car_bg.gif 3KB
heng_nav_logo.gif 3KB
logo.gif 3KB
member_login_bg.gif 3KB
4-8.gif 2KB
log_buttom.gif 2KB
left_bg.gif 2KB
main_bg.gif 2KB
bg_world.gif 2KB
header_right_bg.gif 1KB
4-9.gif 1KB
heng_nav_bg_on.gif 1KB
nav_bg.gif 1KB
font_nav_main_bg.gif 1KB
heng_nav_top_bg.gif 1KB
free_registration_bg.gif 1KB
member_icon.gif 994B
main_bg.gif 945B
list_show.gif 855B
current.gif 679B
phone.gif 645B
nav.gif 596B
pic_nav_bg.gif 513B
tab_on_bg.gif 501B
style_dot.gif 441B
tab_bg.gif 440B
4-6.gif 426B
btn_login.gif 382B
az-see-more.gif 325B
main_bg.gif 318B
list_buttom.gif 312B
dg.gif 283B
nav_on.gif 269B
news.gif 248B
arrow.gif 241B
dot_5.gif 183B
kefu.gif 182B
nav.gif 176B
5-2.gif 172B
phone_icon.gif 131B
mid_bg.gif 127B
log_bg.gif 122B
dot_4.gif 119B
shop_nav_1.gif 112B
shop_nav_3.gif 92B
bus1.gif 88B
shop_nav_2.gif 84B
list_bg.gif 77B
shop_nav_4.gif 70B
heng_nav_bg.gif 68B
news_dot.gif 68B
dot_3.gif 63B
bullet2.gif 60B
bullet3_hover.gif 54B
bullet3.gif 54B
top_nav_bg.gif 54B
dot_1.gif 54B
dot_2.gif 53B
forgot_password.gif 52B
bullet.gif 48B
index.html 14KB
index.html 10KB
goods.html 7KB
menu.html 6KB
index.html 6KB
article.html 5KB
index.html 5KB
企业网站引导页.html 5KB
共 268 条
- 1
- 2
- 3
资源评论
金枝玉叶9
- 粉丝: 124
- 资源: 7640
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功