<!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 name="keywords" content="VihChina资源网 www.vihchina.net"/>
<meta name="description" content="VihChina资源网 www.vihchina.net"/>
<title>VihChina资源网 www.vihchina.net</title>
<script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<style type="text/css">
*{margin:0;padding:0;list-style:none}
body{background:#B2BDC4; font-size:12px}
.mbox{margin:100px auto 0 auto;width:958px;height:574px;background:#AAB9C1;padding:3px; position:relative}
.mbox_inner{width:956px;height:572px;background:#D0D9DD;padding:1px; position:relative}
.mbg{ width:956px; height:512px; position:absolute; display:none}
.box{ width:956px; height:512px;}
.s_box{position:absolute;z-index:9999px; width:38px;height:38px;border:1px #000 solid;-moz-opacity:0.6;opacity:0.6;filter:alpha(opacity=60);}
.s_box span{display:block;width:36px;height:36px;margin:1px;background:#000;}
.b_box{position:absolute;padding:1px;width:196px;height: auto; overflow:hidden;border:1px #000 solid;-moz-opacity:0.6;opacity:0.6;filter:alpha(opacity=60); display:none}
.b_box div{width:192px;height:72px;background:#000; padding:2px}
.b_box div a{font-size:13px; color:#FFFFFF; line-height:20px; text-decoration:none}
.tbox{width:956px;height:60px; position:absolute; bottom:0; left:1px; font-size:12px}
.tbox div{border-right:1px #d8dfe3 solid;float:left;padding:0 15px;margin:9px 0;width:20%;color:#737373}
.tbox div h3{font-size:medium;font-weight:200;margin:0 0 6px;}
.tbox .ps{_height:100%;border:0;float:none;width:auto}
.tbox .ps a{ display:block; float:left; width:50%; height:25px;font-size:13px; line-height:25px;overflow:hidden;color:#000; text-decoration:none; }
.tbox div a{ display:block; float:left; width:100%; height:25px;font-size:13px; line-height:25px;overflow:hidden;color:#000; text-decoration:none; font-size:13px}
.op{width:auto; height:30px; position:absolute; right:10px; bottom:70px; z-index:9999}
.op a{display: block;cursor:default;position:relative;}
.op a span{padding:5px;background:#fff;position:absolute;white-space:nowrap;color:#150417; font-size:13px;border:1px solid #555; visibility:hidden;bottom:1px;right:1px;}
.op a:hover span{visibility:visible}
.bt_txt{float:left; width:18px; height:18px; text-align:center; line-height:18px; color:#fff; border:1px solid #fff; margin:2px; font-size:12px}
.coptxt{float:left; width:19px; height:19px; line-height:25px; text-align:center; color:#fff; margin:2px; font-size:20px; overflow:hidden}
.fcopy{ width:860px; height:80px; clear:both; margin:20px auto;}
.fcopy p{ text-align:center; line-height:30px; color:#666; font-size:12px;}
.fcopy p a{ color:#c92215; text-decoration:none;}
.fcopy p a:hover{ color:#f00;}
</style>
</head>
<body>
<div class="itop">
</div>
<div class="mbox" id="mbox">
<div class="mbox_inner" id="mbox_inner">
<div class="tbox" id="tbox">
<div>
<h3></h3><a href="http://www.vihchina.net" target="_blank"></a>
</div>
<div>
<h3></h3><a href="http://www.vihchina.net" target="_blank"></a>
</div>
<div class="ps">
<h3></h3><a href="http://www.vihchina.net" target="_blank"></a>
</div>
</div>
</div>
<div class="op" id="op">
<div><a id="bt_l"><div class="bt_txt">◄</div><span><p>上一幅图片</p></span></a></div>
<div><a id="bt_r"><div class="bt_txt">►</div><span><p>下一幅图片</p></span></a></div>
<div><a id="bt_c"><div class="coptxt">© </div><span><p></p></span></a> </div>
</div>
</div>
<div class="fcopy">
<p>CopyRight © 2008-2010 VihChina资源网 邮箱：306521617@qq.com QQ:306521617 网址：<a href="http://www.vihchina.net" target="_blank" title="VihChina资源网">VihChina资源网</a></p>
</div>
</body>
</html>
<script language="javascript">
//设置图片数
var len = 7;
//定义数据字典
var data = {
"0":{
"img":"images/1.jpg",
"copyt":"图瓦卢的首都富纳富提岛 -- George Steinmetz/Corbis",
"div":{
"0":{"h3":"今日图片故事","a_url":"http://www.vihchina.net","a_txt":"图瓦卢的首都富纳富提岛"},
"1":{"h3":"喜欢这张图片吗?","a_url":"http://www.vihchina.net","a_txt":"喜欢，寻找更多"},
"2":{"h3":"cosset vs. pamper","a_url":"http://www.vihchina.net","a_txt":"同样是“消失”的意思吗？"}
},
"tbox":{
"0":{"a_txt":"图瓦卢的首都富纳富提岛1","a_url":"http://www.vihchina.net","s_box_l":720,"s_box_t":90,"b_box_l":760,"b_box_t":90},
"1":{"a_txt":"图瓦卢的首都富纳富提岛2","a_url":"http://www.vihchina.net","s_box_l":200,"s_box_t":290,"b_box_l":240,"b_box_t":290},
"2":{"a_txt":"图瓦卢的首都富纳富提岛3","a_url":"http://www.vihchina.net","s_box_l":460,"s_box_t":160,"b_box_l":500,"b_box_t":160},
"3":{"a_txt":"图瓦卢的首都富纳富提岛4","a_url":"http://www.vihchina.net","s_box_l":500,"s_box_t":320,"b_box_l":540,"b_box_t":320}
}
},
"1":{
"img":"images/2.jpg",
"copyt":"加拿大班夫公园的兔鼠 -- George Steinmetz/Corbis",
"div":{
"0":{"h3":"今日图片故事","a_url":"http://www.vihchina.net","a_txt":"家有小宠：可爱的宠物鼠"},
"1":{"h3":"喜欢这张图片吗?","a_url":"http://www.vihchina.net","a_txt":"喜欢，寻找更多"},
"2":{"h3":"cosset vs. pamper","a_url":"http://www.vihchina.net","a_txt":"同样是“机智”的意思？"}
},
"tbox":{
"0":{"a_txt":"图瓦卢的首都富纳富提岛1","a_url":"http://www.vihchina.net","s_box_l":720,"s_box_t":90,"b_box_l":760,"b_box_t":90},
"1":{"a_txt":"图瓦卢的首都富纳富提岛2","a_url":"http://www.vihchina.net","s_box_l":220,"s_box_t":290,"b_box_l":260,"b_box_t":290},
"2":{"a_txt":"图瓦卢的首都富纳富提岛3","a_url":"http://www.vihchina.net","s_box_l":400,"s_box_t":160,"b_box_l":440,"b_box_t":160},
"3":{"a_txt":"图瓦卢的首都富纳富提岛4","a_url":"http://www.vihchina.net","s_box_l":420,"s_box_t":320,"b_box_l":460,"b_box_t":320}
}
},
"2":{
"img":"images/3.jpg",
"copyt":"阿拉斯加的小猪赛跑 -- George Steinmetz/Corbis",
"div":{
"0":{"h3":"今日图片故事","a_url":"http://www.vihchina.net","a_txt":"家有小宠：迷你宠物猪"},
"1":{"h3":"喜欢这张图片吗?","a_url":"http://www.vihchina.net","a_txt":"喜欢，寻找更多"},
"2":{"h3":"cosset vs. pamper","a_url":"http://www.vihchina.net","a_txt":"同样是“宠爱”的意思？"}
},
"tbox":{
"0":{"a_txt":"图瓦卢的首都富纳富提岛1","a_url":"http://www.vihchina.net","s_box_l":720,"s_box_t":90,"b_box_l":760,"b_box_t":90},
"1":{"a_txt":"图瓦卢的首都富纳富提岛2","a_url":"http://www.vihchina.net","s_box_l":280,"s_box_t":290,"b_box_l":320,"b_box_t":290},
"2":{"a_txt":"图瓦卢的首都富纳富提岛3","a_url":"http://www.vihchina.net","s_box_l":400,"s_box_t":160,"b_box_l":440,"b_box_t":160},
"3":{"a_txt":"图瓦卢的首都富纳富提岛4","a_url":"http://www.vihchina.net","s_box_l":720,"s_box_t":320,"b_box_l":760,"b_box_t":320}
}
},
"3":{
"img":"images/4.jpg",
"copyt":"张着大嘴做鬼脸的小狮子 -- George Steinmetz/Corbis",
"div":{
"0":{"h3":"今日图片故事","a_url":"http://www.vihchina.net","a_txt":"家有小宠：打哈欠的小狮子"},
"1":{"h3":"喜欢这张图片吗?","a_url":"http://www.vihchina.net","a_txt":"喜欢，寻找更多"},
"2":{"h3":"cosset vs. pamper","a_url":"http://www.vihchina.net","a_txt":"同样是“令人望而生畏”的意？"}
},
"tbox":{
"0":{"a_txt":"图瓦卢的首都富纳富提岛1","a_url":"http://www.vihchina.net","s_box_l":660,"s_box_t":90,"b_box_l":700
jQuery 仿必应的首页效果
5星 · 超过95%的资源 需积分: 10 82 浏览量
2010-09-27
10:35:24
上传
评论 2
收藏 601KB RAR 举报 
demo.rar （9个子文件） 
images 
5.jpg 111KB 3.jpg 89KB 4.jpg 65KB 2.jpg 113KB 1.jpg 62KB
Thumbs.db 38KB 6.jpg 66KB 7.jpg 65KB
index.html 16KB
- 1
- 2
- 3
前往页