<!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>New Document</title>
<style>
*{margin:0;padding:0;}
body
{margin-top:80px;font-size:12px;font-family:"微软雅黑",arial,sans-serif;color:#9C9C91;background:#fff;}
a
{color:#333;text-decoration: none;}
a:hover
{color:#f00;}
.wrap
{width:720px;margin:0 auto;}
ul.works
{list-style:none;margin:0;padding:0;}
ul.works li
{float:left;display: inline;margin:0 20px 20px 0;width:158px;height:150px;}
ul.works li a
{text-decoration: none;display:block;width:158px;height:150px;background:#fff;}
ul.works li a img
{width:150px;height:140px;border:0;}
ul.works li a dl {list-style:none;}
ul.works li a dl dt
{position:relative;background:#EFEFEF;margin-bottom:5px;}
ul.works li a dl dt span
{position:relative;top:-5px;left:-5px;display:block;border:1px solid #BCBEC0;background:#FFF;padding:3px;text-align:center;}
ul.works li a dl dd
{display:none;color:#9C9C91;height:20px;line-height:20px;border-bottom:1px solid #DEDEDD;overflow:hidden;}
ul.works li a:hover {position:absolute;display:block;z-index:5;width:240px;height:307px;margin:-50px 0 0 -50px;padding:4px;background:#CFE798;cursor:pointer;}
ul.works li a:hover dl
{border:1px solid #9FCF30;background:#fff;padding:15px 10px 15px 15px;}
ul.works li a:hover dl dd
{display:block;}
ul.works li a:hover dl dt img
{width:200px;height:177px;border:0;}
</style>
</head>
<body>
<div class="wrap">
<ul class="works">
<li>
<a href="#">
<dl>
<dt><span><img src="works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href="#">
<dl>
<dt><span><img src="works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href="#">
<dl>
<dt><span><img src="works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href="#">
<dl>
<dt><span><img src="works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href="#">
<dl>
<dt><span><img src="works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href="#">
<dl>
<dt><span><img src="works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href="#">
<dl>
<dt><span><img src="works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href="#">
<dl>
<dt><span><img src="works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href="#">
<dl>
<dt><span><img src="works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href="#">
<dl>
<dt><span><img src="works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href="#">
<dl>
<dt><span><img src="works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href="#">
<dl>
<dt><span><img src="works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href="#">
<dl>
<dt><span><img src="works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href="#">
<dl>
<dt><span><img src="works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href="#">
<dl>
<dt><span><img src="works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href="#">
<dl>
<dt><span><img src="works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href="#">
<dl>
<dt><span><img src="works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href="#">
<dl>
<dt><span><img src="works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href="#">
<dl>
<dt><span><img src="works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href="#">
<dl>
<dt><span><img src="works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href="#">
<dl>
<dt><span><img src="works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href="#">
<dl>
<dt><span><img src="works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href="#">
<dl>
<dt><span><img src="works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href="#">
<dl>
<dt><span><img src="works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
</ul>
</div>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
网页设计制作源代码和素材
共640个文件
html:242个
png:119个
mno:102个
需积分: 49 30 下载量 55 浏览量
2015-11-04
23:09:37
上传
评论 5
收藏 7.48MB RAR 举报
温馨提示
网页设计的源代码和素材,包括html,css,富含各种素材以及源代码
资源推荐
资源详情
资源评论
收起资源包目录
网页设计制作源代码和素材 (640个子文件)
无标题.bmp 612KB
jquery.lightbox-0.5.css 2KB
SpryTabbedPanels.css 1KB
SpryTabbedPanels1.css 842B
jqzoom.css 789B
prototype.gif 28KB
prototype.gif 28KB
hysfban1.gif 27KB
dzsw.gif 25KB
dzsw.gif 25KB
6yang_2008_bg.gif 19KB
6yang_2008_bg.gif 19KB
hysfban1_r1_c3.gif 16KB
lightbox-ico-loading.gif 4KB
yjt.gif 4KB
yjt.gif 4KB
yjt.gif 4KB
zindex.gif 3KB
bottom.gif 3KB
bottombq.gif 3KB
wangye_r3_c4.gif 2KB
yuanjiao_r1_c1.gif 2KB
login_4.gif 2KB
login_4.gif 2KB
yuanjiao2.gif 1KB
yuanjiao2.gif 1KB
bottom-right.gif 1KB
bottom-right.gif 1KB
yjb.gif 1KB
yjb.gif 1KB
yjb.gif 1KB
tab.gif 1KB
tab.gif 1KB
tab.gif 1KB
top-left.gif 1KB
top-left.gif 1KB
top-left.gif 1KB
yuanjiao_r4_c1.gif 1KB
lightbox-btn-prev.gif 832B
lightbox-btn-next.gif 812B
bullet1.gif 717B
bullet1.gif 717B
lightbox-btn-close.gif 700B
bullet22.gif 613B
bullet22.gif 613B
bullet2.gif 612B
bullet2.gif 612B
bullet222.gif 609B
bullet222.gif 609B
bottom-frame.gif 488B
top-frame.gif 463B
hover1.gif 454B
hover1.gif 454B
hover2.gif 435B
hover2.gif 435B
arrow.gif 275B
arrow.gif 275B
top.gif 260B
bottom.gif 257B
middle-frame.gif 253B
yjm.gif 252B
yjm.gif 252B
yjm.gif 252B
未命名-1_r2_c2.gif 183B
wangye_r6_c3.gif 183B
wangye_r2_c3.gif 183B
background-right.gif 173B
background-right.gif 173B
background-left.gif 173B
background-left.gif 173B
right-top.gif 121B
left-top.gif 121B
left-bottom.gif 120B
right-bottom.gif 118B
plus.gif 59B
minus.gif 56B
spacer.gif 43B
spacer.gif 43B
spacer.gif 43B
spacer.gif 43B
lightbox-blank.gif 43B
下拉菜单.htm 17KB
xiaoguo.htm 11KB
xiaoguo.htm 11KB
4-9-5两侧列固定中间列变宽2.htm 2KB
4-9-4两侧列固定中间列变宽1.htm 2KB
4-9-1等比例变宽.htm 2KB
4-9-3一列固定一列变宽2.htm 2KB
4-9-2一列固定一列变宽.htm 2KB
4-8双语导航条.htm 2KB
step2jquery.htm 2KB
lightbox.htm 1KB
4-6-4图像可变宽圆角框.htm 1KB
4-7竖横转换.htm 1KB
7-7-2Spry-tab.htm 1KB
7-7-3Spry-tab圆角.htm 1KB
4-1通配选择符.htm 569B
后代12.htm 325B
图片放大网上.html 8KB
7-5-45自动提示功能.html 5KB
共 640 条
- 1
- 2
- 3
- 4
- 5
- 6
- 7
资源评论
qq_29902511
- 粉丝: 0
- 资源: 1
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功