<!DOCTYPE html>
<html lang="en">
<head>
<title>宠物领养中心</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/slider.css">
<script src="js/jquery.js"></script>
<script src="js/jquery-migrate-1.1.1.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<!--轮播控制器插件-->
<script src="js/tms-0.4.1.js"></script>
<!--实现返回顶部插件-->
<script src="js/jquery.ui.totop.js"></script>
<script>
//插件实现轮播控制器
$(window).load(function()
{
$('.slider')._TMS
({
show:0,
pauseOnHover:false,
prevBu:'.prev',
nextBu:'.next',
playBu:false,
duration:800,
preset:'fade',
pagination:true,//'.pagination',true,'<ul></ul>'
pagNums:false,
slideshow:8000,
numStatus:false,
banners:true,
waitBannerAnimation:false,
progressBar:false
})
});
//回到网页顶部的效果
jQuery(document).ready(function()
{
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
</head>
<body class="page1">
<!--header-->
<header>
<div class="container_12">
<div class="grid_12">
<h1><a href="index.html"><img src="images/favicon.png" ></a> </h1>
<div class="menu_block">
<nav>
<ul class="sf-menu">
<li class="current"><a href="#">主页</a></li>
<li class="with_p"><a href="#">关于宠物</a>
<li class="with_ul"><a href="#">关于我们</a>
<ul>
<li><a href="#">评价</a></li>
<li><a href="#">存档</a></li>
</ul>
</li>
<li><a href="#">服务</a></li>
<li><a href="#">日志</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</nav>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</div>
</header>
<!--轮播-->
<div class="top_block">
<div class="slider-relative">
<div class="slider-block">
<div class="slider">
<ul class="items">
<li><img src="images/slide2.jpg" alt="">
<div class="banner">它们的<span>世界</span>里全部都是<i>你</i><p>而你的世界却有千千万万个它</p</div>
</li>
<li><img src="images/slide1.jpg" alt="">
<div class="banner">给它们一个<span>家</span>和<i>一些爱</i><p>他们便会还你灿烂的笑容</p</div>
</li>
<li><img src="images/slide.jpg" alt="">
<div class="banner">它们需要你的<span>爱</span>和<i>关心</i><p>让他们开心是一件很容易的事</p</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<!--before-sheep-->
<div class="page1_block">
<div class="container_12">
<div class="grid_6">
<h2>欢迎来到我们的网站</h2><br>
<img src="images/page1_img5.jpg" alt="" class="img_inner fleft">
<div class="extra_wrapper style1"><p class="text1">
<a href="#" rel="nofollow">点击这里</a></p>
你了解你的宠物吗？
</div>
<div class="clear"></div>
在历史学家眼里，1914年爆发的那场战争，创造了许多世界纪录：席卷欧亚大陆的第一场世界大战，同时让三个帝国崩溃，第一场真正意义上的现代化战争，以及“参战”动物种类和数量都最多的战争。关于最后一点，美国《大西洋月刊》在其制作的“一战百年特辑”中，特别刊登了一组“一战中的动物们”的照片。数以百万计的马、驴、狗、猫、鸽子、骆驼、考拉、大象等被派往战场。其中，流浪狗斯达比的经历最为醒目：糊里糊涂被迫参军，屡屡立下战功，从流浪犬酷炫变身为美国英雄，成为一战中唯一一条被授予中士军衔的狗，被载入史册。<br>
<a href="#" class="btn">More</a>
</div>
<div class="grid_5 prefix_1">
<h2 class="ic1">最新消息</h2>
<ul class="list">
<li>
<span>
<time datetime="2018-01-01">8月<span>27日</span></time>
</span>
<div class="extra_wrapper">
<div class="col1"><a href="#">臭蛋儿爱看热闹</a>
<time datetime="2018-01-01">2018.8.27</time>
</div>
臭蛋儿是我见过的最爱看热闹的兔，话又说回来，它是我唯一的兔，我也没有别的兔子可以比较。就拿今天来说吧。我一早起来决定把这几年旅行收集的票据和卡片整理整理。没一会儿，臭蛋儿就发觉今天不同于往日，颠颠地跑过来，在我脚前面站起身，仰着脑袋使劲往...
</div>
</li>
<li>
<span class="cnt">
<time datetime="2018-01-01">8月<span>28日</span></time>
</span>
<div class="extra_wrapper">
<div class="col1"><a href="#">爷爷和毛毛的美好时光</a>
<time datetime="2018-01-01">2018.8.28</time>
</div>
毛毛对于我们家来说，是个特殊的存在。领养毛毛那天，我与爷爷走在大街上，看见一个耍猴人在用鞭子抽打一只毛发杂乱的小猴子。
</div>
</li>
</ul>
</div>
</div>
</div>
<!--after-sheep-->
<div class="content page1">
<div class="container_12">
<div class="grid_12">
<!--<a href="#" class="next"></a><a href="#" class="prev"></a>-->
<h2>想收养这些宠物吗？</h2>
</div>
<div class="clear"></div>
<ul class="pet">
<li class="grid_4">
<img src="images/carousel1_img1.jpg" alt="" class="img_inner fleft">
<div class="extra_wrapper pad1">
<p class="col2"><a href="#">小猫猫寻找合适的主人</a></p>
给小猫找主人，已经有一个多月了，可以吃一点饭饭和狗粮了。欢迎有爱心的人士，可以来看狗。
</div>
</li>
<li class="grid_4">
<img src="images/carousel1_img2.jpg" alt="" class="img_inner fleft">
<div class="extra_wrapper pad1">
<p class="col2"><a href="#">一只小鹦鹉</a></p>
由于主人没有时间照顾，希望赠送爱心人士领养，有意向者可以联系我。
</div>
</li>
<li class="grid_4">
<img src="images/carousel1_img3.jpg" alt="" class="img_inner fleft">
<div class="extra_wrapper pad1">
<p class="col2"><a href="#">找靠谱爱狗人士收养</a></p>
爱狗人士收养我家可乐已经是2015年6月20日出生的，领养她的时候也就三个月大。
</div>
</li>
<li class="grid_4">
<img src="images/carousel1_img4.jpg" alt="" class="img_inner fleft">
<div class="extra_wrapper pad1">
<p class="col2"><a href="#">两只小狗寻找主人</a></p>
pets.zip （41个子文件） 
pets css 
reset.css 910B grid.css 4KB superfish.css 2KB style.css 8KB slider.css 2KB images 
sl_shadow.png 9KB prevnext.png 3KB
page1_img4.jpg 5KB sub_bg.png 995B pagination.png 2KB btn_bg.png 1KB slide2.jpg 214KB page1_img1.png 28KB logo.png 3KB menu_separator.png 1007B slide1.jpg 220KB page1_img5.jpg 16KB slide.jpg 157KB carousel1_img3.jpg 13KB totop.png 4KB page1_bg.png 3KB sub_bg.jpg 1KB icon1.png 2KB sheep.png 19KB socials.png 5KB carousel1_img1.jpg 9KB favicon.png 22KB carousel1_img6.jpg 7KB footlogo.png 7KB carousel1_img4.jpg 19KB shadow.png 2KB icon2.png 2KB favicon.ico 31KB carousel1_img2.jpg 15KB carousel1_img5.jpg 13KB js tms-0.4.1.js 36KB jquery-migrate-1.1.1.js 7KB jquery.js 90KB jquery.ui.totop.js 2KB jquery.easing.1.3.js 8KB
index.html 14KB资源评论
苹果醉了香蕉
- 粉丝: 16
- 资源: 19
最新资源
- fastchat Vicuna微调英文数据集
- 操作系统课程设计.pptx
- cudnn-local-repo-ubuntu2004-8.9.7.29-1.0-1-amd64
- MyBatisPlus实战：无感更新时间字段
- Performance Test Report压力测试报告
- 移动端图片上传前端代码
- 一个使用 DirectX 进行游戏截屏的小程序.zip
- 中文科学文献微调数据集
- C语言程序设计算法题.pptx
- 一个使用 DirectX Video Acceleration 2 从头解码 h264 视频格式的程序，使用 Avcc 格式的 mp4 文件 电影原子、Nal Unit、DXVA2、Media.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
