2015-7.7森林探秘季

最新推荐文章于 2024-07-10 14:03:37 发布

weixin_30794499

最新推荐文章于 2024-07-10 14:03:37 发布

阅读量67

点赞数

文章标签： javascript xhtml ViewUI

原文链接：http://www.cnblogs.com/alantao/p/4619445.html

版权

<!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="森林探秘季,杭野动物世界,杭州野生动物世界,暑假主题活动,大自然,丹顶鹤,长颈鹿,大象,黑熊,金丝猴,泼水节,野生动物保护形象大使选拔,ipow,互动力">
<meta name="Description" content="2015年6月26日至9月18日，杭州野生动物世界举行“森林探秘季”主题活动。黑熊骑车、顽猴驭马、狮虎作揖、萌宠逗趣，“蓝宝石”带你闯入新、奇、特的马戏狂欢圣地，与狮虎猛兽零距离！更有浪漫唯美、惊险刺激的空中绸吊等大型杂技演出！集动物表演、小丑演出、杂技于一体的大型综艺马戏节目每天精彩上演。"/>
<link href="css.css" rel="stylesheet" type="text/css" />
<script src="jquery-1.9.1.min.js" type="text/javascript"></script>

</head>
<body>

<div id="container">
<div class="bg01"></div>
<div class="bg02"></div>
<div class="bg03">
<div class="wrap">
<div class="text text1">
<p>形象大使选拔、贴身喂养、观逗趣动物吃相、“人象泼水”大战、奇幻马戏……这个夏天，杭州野生动物世界为小朋友、广大游客精心准备了丰富多彩、别具特色的旅游盛宴，誓要给你一个与众不同的暑期。在这里，你可以尽情地享受大自然丰盈的恩赐，可以收获珍贵的友情与人生体验。</p>
</div>
</div>
</div>
<div class="bg04">
<div class="wrap">
<div class="text slider">
<div class="showImg">
<ul>
<li><a href="javascript:;"><img src="images/slide1.jpg" /></a></li>
<li><a href="javascript:;"><img src="images/slide2.jpg" /></a></li>
<li><a href="javascript:;"><img src="images/slide3.jpg" /></a></li>
<li><a href="javascript:;"><img src="images/slide4.jpg" /></a></li>
</ul>
</div>

<div class="bg05">
<div class="wrap">
<div class="text text2">
<p>趣味问答、户外观察、创作手记、赢取形象大使称号……这个暑期，别让孩子们宅在家！6-10月，参加“浙江省首届野生动物保护形象大使选拔”，成功当选“形象大使”，将受邀拍摄浙江省首条野生动物保护公益广告宣传片及平面公益海报，并获得万元奖学金。</p>
<p><span>（活动详情请查看官方微信和官网）</span></p>
</div>
</div>
</div>
<div class="bg06"></div>
<div class="bg07">
<div class="wrap">
<div class="text text3">
<p>羊驼最爱吃什么？长颈鹿是怎样吃东西的？大象一天得吃多少食物？是否对这些问题充满好奇？又或者希望能亲身体验“动物饲养员”的感觉？关注“杭州野生动物世界”官方微信，领取“动物喂养体验券”，体验亲手喂养动物的乐趣，观赏千奇百怪的动物吃相，还能聆听饲养员讲解奇妙的动物食性。</p>
<p><span>（动物喂养时间以景区主大门告示为主）</span></p>
</div>
</div>
</div>
<div class="bg08"></div>
<div class="bg09">
<div class="wrap">
<div class="text text4">
<p><span>（每天13：30-14：00）</span></p>
<p>炎炎夏日，没有比泼水节更合适不过的了。杭州野生动物世界的大象明星们将与中外游客共同上演一场“人象泼水”大战，一起享受夏日的清凉与快乐。水花、欢笑、酣畅淋漓，这就是夏天该有的样子！</p>
</div>
</div>
</div>
<div class="bg10"></div>
<div class="bg11">
<div class="wrap">
<div class="text text5">
<p> 黑熊骑车、顽猴驭马、狮虎作揖、萌宠逗趣，“蓝宝石”带你闯入新、奇、特的马戏狂欢圣地，与狮虎猛兽零距离！更有浪漫唯美、惊险刺激的空中绸吊等大型杂技演出！集动物表演、小丑演出、杂技于一体的大型综艺马戏节目每天精彩上演。</p>
</div>
</div>
</div>
<div class="bg12">
<div class="wrap">
<div class="text text6">
<p><a href="/"><img src="images/logo.png" /></a></p>
<span class="footer">杭州野生动物世界有限公司版权所有 <a href="http://www.ipow.cn/">【互动力承建运营】</a></span>
</div>
</div>
</div>
</div>

</body>
</html>

slider.hover(function(){
if(timer){
clearInterval(timer);
}
},function(){
timer = setInterval(function(){
if(iThis<liLen){
iThis++;
}else{
iThis=0;
}
fnPic(iThis);
},2000);
})

prevBtn.click(function(){
if(iThis>0){
iThis--;
}else{
iThis=liLen;
}
fnPic(iThis);
})

nextBtn.click(function(){
if(iThis<liLen){
iThis++;
}else{
iThis=0;
}
fnPic(iThis);
})

timer = setInterval(function(){
if(iThis<liLen){
iThis++;
}else{
iThis=0;
}
fnPic(iThis);
},2000);

// alert(liLen)

function fnPic(num){
slideList.stop().animate({left:-liWidth*num},300)
}
})

</script>

<script>
window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"2015.6.26-9.18 #森林探秘季#，形象大使选拔、贴身喂养、观逗趣动物吃相、“人象泼水”大战、奇幻马戏……这个夏天，杭州野生动物世界给你一个与众不同的暑期。@杭州野生动物世界|杭州野生动物世界官方网站",
"bdMini":"2","bdMiniList":false,
"bdPic":"http://www.hzsp.com/activity/2015senlin/images/weibo.jpg",
"bdStyle":"0",
"bdSize":"16"},
"slide":{"type":"slide","bdImg":"6","bdPos":"right","bdTop":"200"}};
with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
</script>

<div style="display:none; width:0; height:0; overflow:hidden; line-height:0px; ">
<script type="text/javascript" src="/scripts/bdflow.js"></script>
</div>

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? " https://ssl." : " http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-8198029-1");
pageTracker._trackPageview();
} catch(err) {}
</script>

/*Reset css*/
body ,html ,div ,p ,table ,ul ,ol ,li ,dl ,dt ,dd ,h1 ,h2 ,h3 ,h4 ,h5 ,h6 { margin:0; padding:0;}
body{color:#fff;background:#85c519; font:normal 14px/32px '微软雅黑';}
ul ,ol ,li ,dl ,dt ,dd { list-style:none; }
img ,a { border:none; }
h1 ,h2 ,h3 ,h4 ,h5 ,h6 {font:normal 1em/22px "\5B8B\4F53" ;}
a { outline: none; color:#fff; text-decoration:none; }
em {font-style:normal; }
input , textarea {
outline: none;
}
/*页面背景*/
#container{
min-width:1003px;
overflow:hidden;
}
.bg01{height:331px;background:url("images/bg_01.jpg") no-repeat center top; border:none;}
.bg02{height:331px;background:url("images/bg_02.jpg") no-repeat center top;}
.bg03{height:331px;background:url("images/bg_03.jpg") no-repeat center top;}
.bg04{height:331px;background:url("images/bg_04.jpg") no-repeat center top;}
.bg05{height:331px;background:url("images/bg_05.jpg") no-repeat center top;}
.bg06{height:331px;background:url("images/bg_06.jpg") no-repeat center top;}
.bg07{height:331px;background:url("images/bg_07.jpg") no-repeat center top;}
.bg08{height:331px;background:url("images/bg_08.jpg") no-repeat center top;}
.bg09{height:331px;background:url("images/bg_09.jpg") no-repeat center top;}
.bg10{height:331px;background:url("images/bg_10.jpg") no-repeat center top;}
.bg11{height:331px;background:url("images/bg_11.jpg") no-repeat center top;}
.bg12{height:331px;background:#377a30 url("images/bg_12.jpg") no-repeat center top;}
.wrap{width:1003px;margin:0 auto;position:relative;}

/*页面内容*/
.text{position:absolute;text-align:justify;font-size:18px;}
.text1{width:415px;height:200px;left:113px;top:252px;}
.text2{width:450px;height:230px;left:360px;top:133px;}
.text3{width:495px;height:200px;left:288px;top:83px;}
.text4{width:360px;height:250px;left:410px;top:45px;}
.text5{width:360px;height:250px;left:472px;top:19px;}
.text6{height:30px;left:165px;top:242px;}
.text6 p a:hover{text-decoration:underline;}
.text p span{color:#77ff22;display:block;padding:20px 0px;}
.slider{width:327px;height:203px;background-color:#8bd694;left:680px;top:75px;overflow:hidden;padding:5px;}
.showImg{width:327px;height:203px;position:relative;}
.showImg ul{position:relative;width:9999px;}
.showImg ul li{float:left;}
.showImg ul li img{padding-right:5px;}
.showImg ul li a{cursor:default;}
.showImg ul li.active{display:block;}
.prev{width:36px; height:35px;position:absolute;left:5px;top:45%;background:url("images/prev.png") no-repeat;}
.next{width:36px; height:35px;position:absolute;right:5px;top:45%;background:url("images/next.png") no-repeat;}
.prev:hover{display:block;width:36px; height:35px;position:absolute;left:5px;top:45%;background:url("images/prev_active.png") no-repeat;}
.next:hover{display:block;width:36px; height:35px;position:absolute;right:5px;top:45%;background:url("images/next_active.png") no-repeat;}

.footer{position:absolute;left:290px;top:25px;width:500px;}
.footer a:hover{text-decoration:underline;}

http://www.hzsp.com/Activity/2015senlin/

转载于:https://www.cnblogs.com/alantao/p/4619445.html

weixin_30794499

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
2015-7.7森林探秘季

<!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><met...
复制链接

扫一扫