html切图第二课
发表日期: 2013-02-01 阅读次数: 174 查看权限: 游客查看
太阳光uc课堂html切图第二课
网页切图要点：尽量优化图片大小，取最小图片体积，合并小图片，减少服务器请求。html套嵌深度在三级左右为宜，尽量避免使用table，尊重效果图，精确到每一个像素！
第二课相应素材下载：点击这里下载
<!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">
<title>深圳中海合润股权投资基金管理有限公司</title>
<meta name="keywords" content="深圳中海合润股权投资基金管理有限公司" />
<meta name="description" content="深圳中海合润股权投资基金管理有限公司" />
<link href="images/css.css" rel="stylesheet" type="text/css">
<script type="text/JavaScript" language="javascript" src="images/jquery-1.4.4.min.js"></script>
</head>
<body>
<div id="top">
<div class="main">
<span><a href="#">返回首页</a> | <a href="#">收藏本站</a></span>
<p>管理员【<strong>太阳光</strong>】欢迎您光临中海盈信 【<a href="#"> 进入后台</a>】</p>
</div>
</div>
<div class="main">
<div id="logo">
<img src="images/logo.jpg" width="704" height="58" alt="深圳中海合润股权投资基金管理有限公司" />
</div>
<div class="menu_bg">
<div class="menu_right">
<ul class="menu">
<li class="nav"><a href="#">首页</a></li>
<li class="nav"><a href="#">公司概况</a></li>
<li class="nav"><a href="#">新闻中心</a>
<ul class="nav_ul">
<li><a href="#">新闻中心</a></li>
<li><a href="#">公司动态</a></li>
<li><a href="#">投资与合作</a></li>
</ul>
</li>
<li class="nav"><a href="#">公司动态</a>
<ul class="nav_ul">
<li><a href="#">新闻中心</a></li>
<li><a href="#">公司动态</a></li>
<li><a href="#">投资与合作</a></li>
</ul>
</li>
<li class="nav"><a href="#">投资与合作</a>
<ul class="nav_ul">
<li><a href="#">新闻中心</a></li>
<li><a href="#">公司动态</a></li>
<li><a href="#">投资与合作</a></li>
</ul>
</li>
<li class="nav"><a href="#">产品公告</a></li>
<li class="nav"><a href="#">联系我们</a></li>
</ul>
</div>
</div>
<div id="banner" class="banner">
<div id="banner_bg" class="banner_bg"></div>
<div id="banner_info" class="banner_info"></div>
<div id="banner_list" class="banner_list">
<a href="#" target="_blank"><img src="images/01.jpg" alt="111111深圳中海合润股权投资基金管理有限公司" /></a>
<a href="#" target="_blank"><img src="images/02.jpg" alt="深圳中海合润股权投资基22222" /></a>
<a href="#" target="_blank"><img src="images/03.jpg" alt="3333333深圳中海合润股权" /></a>
<a href="#" target="_blank"><img src="images/04.jpg" alt="深圳中海合润股权投4444444" /></a>
</div>
</div>
<div id="left">
<h3 class="left_title">
栏目指引<span>Column guide</span>
</h3>
<div class="left_an">
<a href="#"><img src="images/left_an1.jpg" width="232" height="105" alt="投资流程" /></a>
<a href="#"><img src="images/left_an2.jpg" width="232" height="105" alt="产品推荐" /></a>
<a href="#"><img src="images/left_an3.jpg" width="232" height="105" alt="资料档案" /></a>
</div>
<h3 class="left_title">
联系我们<span>contact us</span>
</h3>
<ul class="contact_ul">
<li><strong>电话：</strong>020-85606122</li>
<li><strong>传真：</strong>020-85606153</li>
<li><strong>邮件：</strong>zhonghai_cvm@163.com</li>
<li><strong>地址：</strong>广州市天河区金</li>
<li>穗路3号汇美大厦401B</li>
</ul>
</div>
<div id="right">
<div class="company">
<div class="right_title">
<span class="title_more"><a href="#">更多>></a> </span>
<h2>公司简介</h2>
</div>
<div class="gs_pic">
<img src="images/gs_pic.jpg" width="151" height="163" alt="公司简介" />
</div>
<div class="gs_info">
<p>深圳中海盈信股权投资基金管理有限公司成立于2011年，注册资本3000万，是一家专业从事资本投资、资产管理、兼并收购、私募融资、战略咨询及财务顾问等金融运作及服务的投资机构。公司的股东及合伙人拥有丰富的金融服务、资产管理经验和广泛的资源背景，并拥有在房地产、能源、矿产、艺术品等领域有丰富的投资管理经验。</p>
<p>目前中海盈信旗下管理的稳健系列基金规模超过4亿,分别为中海盈信稳健三号到七号；参与发行的进取系列基金规模3亿，其中富有代表性的力迅上源商业物业投资基金，募集资金规模超过1亿，倍受投资人推崇；与华南地区银行合作的双盈系列，发行规模超过10亿，作为银行理财产品的重要补充。中海盈信将依托自己的专业优势强大的资金渠道，力争在2012年发行基金突破15亿，成为华南最大的地产基金。</p>
</div>
</div>
<div class="news">
<div class="news_title">
<span class="title_more"><a href="#">更多>></a> </span>
<h3>新闻中心</h3>
</div>
<ul class="news_ul">
<li><span>2012-12-15</span><a href="#">续营销牌34iiii</a></li>
<li><span>2012-12-15</span><a href="#">私募开打持续营销牌营销牌.</a></li>
<li><span>2012-12-15</span><a href="#">老产品开新花 私募开打持续营销产品开新花sdfsdf私募开打持牌</a></li>
<li><span>2012-12-15</span><a href="#">老产品开新花 私募开打持续营销牌</a></li>
<li><span>2012-12-15</span><a href="#">老产品开新花 私募开打持产品开新花 私募开打持,sd.?7续营销牌</a></li>
<li><span>2012-12-15</span><a href="#">老产品开新花 私募开打持续营产品开新花 私募开打持销牌</a></li>
<li><span>2012-12-15</span><a href="#">老产品开新花 私募开打持续营销牌</a></li>
<li><span>2012-12-15</span><a href="#">老产品开新花 私募开打持续营产品开新sdf花 私募开46132打持销牌</a></li>
</ul>
</div>
<div class="news product">
<div class="news_title">
<span class="title_more"><a href="#">更多>></a> </span>
<h3>产品推荐</h3>
</div>
<ul class="news_ul">
<li><span>2012-12-15</span><a href="#">续营销牌34iiii</a></li>
<li><span>2012-12-15</span><a href="#">私募开打持续营销牌营销牌.</a></li>
<li><span>2012-12-15</span><a href="#">老产品开新花 私募开打持续营销产品开新花sdfsdf私募开打持牌</a></li>
<li><span>2012-12-15</span><a href="#">老产品开新花 私募开打持续营销牌</a></li>
<li><span>2012-12-15</span><a href="#">老产品开新花 私募开打持产品开新花 私募开打持,sd.?7续营销牌</a></li>
<li><span>2012-12-15</span><a href="#">老产品开新花 私募开打持续营产品开新花 私募开打持销牌</a></li>
<li><span>2012-12-15</span><a href="#">老产品开新花 私募开打持续营销牌</a></li>
<li><span>2012-12-15</span><a href="#">老产品开新花 私募开打持续营产品开新sdf花 私募开46132打持销牌</a></li>
</ul>
</div>
</div>
<div class="clear"></div>
<div id="link">
<div class="link_title">友情链接</div>
<ul class="link_ul">
<li><a href="#" target="_blank"><img src="images/link_01.jpg" width="92" height="35" alt="交通银行" /></a></li>
<li><a href="#" target="_blank"><img src="images/link_01.jpg" width="92" height="35" alt="交通银行" /></a></li>
<li><a href="#" target="_blank"><img src="images/link_01.jpg" width="92" height="35" alt="交通银行" /></a></li>
<li><a href="#" target="_blank"><img src="images/link_01.jpg" width="92" height="35" alt="交通银行" /></a></li>
<li><a href="#" target="_blank"><img src="images/link_01.jpg" width="92" height="35" alt="交通银行" /></a></li>
<li><a href="#" target="_blank"><img src="images/link_01.jpg" width="92" height="35" alt="交通银行" /></a></li>
<li><a href="#" target="_blank"><img src="images/link_01.jpg" width="92" height="35" alt="交通银行" /></a></li>
<li><a href="#" target="_blank"><img src="images/link_01.jpg" width="92" height="35" alt="交通银行" /></a></li>
<li><a href="#" target="_blank"><img src="images/link_01.jpg" width="92" height="35" alt="交通银行" /></a></li>
</ul>
</div>
<div id="foot">
<a href="#">网站首页</a> | <a href="#">关于我们</a> | <a href="#">新闻中心</a> | <a href="#">投资与合作</a> | <a href="#">业务服务</a> | <a href="#">联系我们</a>
<p>深圳中海盈信股权投资基金管理有限公司 版权所有 翻版必究 </p>
</div>
</div>
<script type="text/javascript">
jQuery.fn.extend({
picture:function(t){
var id="#"+$(this).attr("id");
var n = -1, i_count,interval="<ul class='banner_ul'>";
i_count=$(id+"_list a").length;
for(var i=0;i<i_count;i++){
interval+="<li>"+(i+1)+"</li>";
}
$(id+"_info").after(interval+"<\/ul>");
$(id+" li").click(function(e) {
e.stopPropagation();
n=$(this).index();
$(id+"_info").html($(id+"_list a").eq(n).find("img").attr('alt'));
$(id+"_list a").filter(":visible").fadeOut(500).parent().children().eq(n).fadeIn(1000);
$(this).addClass("banner_on");
$(this).siblings().removeAttr("class");
});
interval = setInterval(showAuto, t);
$(this).hover(function(){clearInterval(interval)}, function(){interval = setInterval(showAuto, t)});
function showAuto(){
n = n >=(i_count-1) ? 0 : ++n;
$(id+" li").eq(n).click();
}
showAuto();
}
});
$(document).ready(function(){
$(".nav").hover(function(){
$(this).find(".nav_ul").fadeIn();
},function(){
$(this).find(".nav_ul").fadeOut();
});
$("#banner").picture(4000);
//http://down.scscms.com/scs/pic/index.html
})
</script>
</body>
</html>
关键词: ps切图,html,前端工程师 编辑时间: 2013-02-02
7
高兴
5
支持
4
搞笑
4
不解
4
谎言
4
枪稿
4
震惊
4
无奈
4
无聊
4
反对
4
愤怒
54.55%(6)
45.45%(5)
中搜索：
中搜索：
- 暂无评论
最新影音 Latest media- 【赵本山小品集】1992年赵本山小品《我想有个家》
- 【赵本山小品集】1991年赵本山小品《小九老乐》
- 【赵本山小品集】1990年赵本山小品《相亲》
- 【教学视频】html切图第二课
- 【教学视频】html切图第一课
- 【视频短片】公司宣传片--泛华掌中保
- 【搞笑视频】加男子拍幼女“功夫”视频受热捧
- 【搞笑视频】翠花上笑话
- 【Flash动画】小小对八神奄
- 【Flash动画】大兵《洗脚城》双簧相声
- 【搞笑视频】拳皇百道3
- 【搞笑视频】拳皇百道2
- 【搞笑视频】拳皇百道1
- 【Flash动画】震撼的flash片头
- 【Flash动画】大兵《开会》双簧相声
- 【音乐视频】爱之初体验
- 【音乐视频】我不想说我是鸡
- 【Flash动画】爆笑10086投诉
影音图片 media Pictrue
网友评论