一阶段项目流浪猫

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>流浪猫援助</title>
<style>

#top1 {
width:100%;
height:35px;
/*border:1px solid black;*/
border-bottom:0.1px solid #9E9E9E;
}
.top1 {
width:600px;
height:35px;
/*border:1px solid black;*/
margin-left:10px;
text-align:center;
line-height:35px;
float:left;

}
.top2 {
width:300px;
height:35px;
/*border:1px solid black;*/
margin-left:410px;
text-align:center;
line-height:35px;
float:left;

}

.top1 a:hover {
cursor: pointer;
color:red;
}
a:link {
color:black;
}

.top2 a:hover{
cursor: pointer;
color:red;
}
.top3 {
width:100%;
height:130px;
/*border:1px solid black;*/
float:left;

}
.top4 {
width:260px;
height:100px;
/*border:1px solid black;*/
margin-top:0px;
margin-left:55px;
float:left;
margin-top:3px;
}

.tx {
width:498px;
height:40px;
border:1px solid red;
float:left;
margin-top:55px;
margin-left:50px;

}
.wenben {
background: #f65;
height: 43px;
width: 92px;
cursor: pointer;
float: left;
font: 18px/34px "Microsoft YaHei";
color: #fff;
border: none;
margin-top:55px;
}
.top5 {
width:450px;
height:35px;
/*border:1px solid black;*/
margin-top:95px;
margin-left:364px;
line-height:35px;
font-family: SimSun;
font-size: 14px;
color:#999;
text-decoration: none;
}

.top5-right {
width:180px;
height:40px;
/*border:1px solid black;*/
float: left;
margin-left:1113px;
margin-top:-80px;
}
.dhh {
width:100%;
height:50px;
/*border:1px solid black;*/
float: left;
background-color:#EE3B3B;
}
.dhh1, .dhh2, .dhh3, .dhh4, .dhh5, .dhh6 {
width:130px;
height:50px;
/*border:1px solid black;*/
float:left;
text-align:center;
line-height:50px;

border-right:0.3px solid #9E9E9E;
color: #FFF;
font: 18px/44px "Microsoft YaHei";

}

.dhh1:hover, .dhh2:hover, .dhh3:hover, .dhh4:hover, .dhh5:hover, .dhh6:hover {
cursor: pointer;
background-color:#EE0000;
}
.dhh1 {
margin-left:50px;
}
.dhh7 {
width:140px;
height:50px;
/*border:1px solid black;*/
float:left;
margin-left:310px;
text-align:center;
line-height:50px;
color:white;
font: 18px/44px "Microsoft YaHei";

}
.dhh7:hover {
cursor: pointer;
background-color:#EE0000;
}
.center1 {
width:100%;
height:540px;
border:1px black solid;
}

.center1-1 {
margin: 0px auto;
width: 60%;
height: 540px;
}
a{
text-decoration: none;}
#b {
width:1480px;
height:50px;
border:0px solid black;
text-align:center;
margin:20px;
font-size:30px;
}
#c {
width:1480px;
height:860px;
border:0px solid black;
background-image:url(猫爪1.jpg);
margin:20px 0px 0px 50px;
}
.left {
width:500px;
height:100%;
border:1px solid black;
float:left;
}

.left-top {
width:100%;
height:50px;
border:1px solid black;
text-align:center;
line-height:50px;
font-size:10px;
color:red;
float:left;
}
.left-btm {
background-image:url(猫爪1.jpg);

}
.right {
width:900px;
height:100%;
/*border:1px solid black;*/
float:left;
text-align:center;
font-size:10px;
background-image:url(猫爪1.jpg);

}

#stage{
width: 700px;
height: 468px;
border: 1px solid black;
margin: 100px 20px 100px 50px;
position: relative;
overflow: hidden;

}

#ad-banner{
width: 2100px;
height: 468px;
background-color: brown;
position: relative;
z-index: 980;
/*margin-left: -300px;*/
}
.ad{
position: relative;
width: 700px;
height: 468px;
float: left;
color: white;
/*font-size: 100px;
text-align: center;
line-height: 200px;*/
z-index: 990;
}
#btn-left,#btn-right{
width: 20px;
height: 30px;
position: absolute;
top: 200px;
background-color: black;
z-index: 999;
color: white;
opacity: 0.5;
text-align: center;
line-height: 30px;
font-size: 15px;
font-weight: bold;
}

#btn-left{
left: 0px;
}
#btn-right{
right: 0px;
}

#btn-left:hover,#btn-right:hover{
opacity: 0.8;
cursor: pointer;
}
#btm {
width:1480px;
height:50px;
border:0px solid red;
margin:20px 0px 0px 50px;
background-image:url(猫爪1.jpg);

}

.btm1 {
width:50px;
height:25px;
border:1px solid black;
text-align:center;
margin:10px 10px 0px 10px;
float:left;
}
.btm2 {
width:50px;
height:25px;
border:1px solid black;
text-align:center;
margin:10px 10px 0px 10px;
float:left;
}

.btm3 {
width:50px;
height:25px;
border:1px solid black;
text-align:center;
margin:10px 10px 0px 10px;
float:left;}
.btm4 {
width:50px;
height:25px;
border:1px solid black;
text-align:center;
margin:10px 10px 0px 10px;
float:left;}
.btm5 {
width:50px;
height:25px;
border:1px solid black;
text-align:center;
margin:10px 10px 0px 10px;
float:left;}
.btm6 {
width:50px;
height:25px;
border:1px solid black;
text-align:center;
margin:10px 10px 0px 10px;
float:left;}
.btm7 {
width:50px;
height:25px;
border:1px solid black;
text-align:center;
margin:10px 10px 0px 10px;
float:left;}
.btm8 {
width:50px;
height:25px;
border:1px solid black;
text-align:center;
margin:10px 10px 0px 10px;
float:left;}

.btm9 {
width:50px;
height:25px;
border:1px solid black;
text-align:center;
margin:10px 10px 0px 10px;
float:left;}
#btm2 {
width:1560px;
height:300px;
border:0px solid black;
margin:10px 10px 0px 10px;
background-image:url(猫爪1.jpg);
}
.img1 {
width:203px;
height:250px;
border:0px solid black;
margin:20px 10px 10px 10px;
float:left;
text-align:center
}
.img2 {
width:203px;
height:250px;
border:0px solid black;
margin:20px 10px 10px 10px;
float:left;
text-align:center
}

.img3 {
width:203px;
height:250px;
border:0px solid black;
margin:20px 10px 10px 10px;
float:left;
text-align:center
}
.img4 {
width:203px;
height:250px;
border:0px solid black;
margin:20px 10px 10px 10px;
float:left;
text-align:center
}
.img5 {
width:203px;
height:250px;
border:0px solid black;
margin:20px 10px 10px 10px;
float:left;
text-align:center
}
.img6 {
width:203px;
height:250px;
border:0px solid black;
margin:20px 10px 10px 10px;
float:left;
text-align:center
}

.img7 {
width:203px;
height:250px;
border:0px solid black;
margin:20px 10px 10px 10px;
float:left;
text-align:center
}
.img8 {
width:203px;
height:250px;
border:0px solid black;
margin:20px 10px 10px 10px;
float:left;
text-align:center
}
.bottomdhh {
width: 100%;
height: 121px;
/*border:1px solid black;*/
float: left;
margin-top: 30px;
}

.biao {
width:1480px;
height:170px;
/*border:1px solid black;*/
float:left;
margin-left:55px;
border-bottom:0.5px solid gray;
}
.biao1{
width:345px;
height:143px;
/*border:1px solid black;*/
float:left;
margin-top:15px;

}
.biao2{
width:140px;
height:154px;
/*border:1px solid black;*/
float:left;
margin-left:420px;
margin-top:-160px;

font-size:15px; font-weight:500
}

ul {
list-style:none;
}
.li {
text-align:center;
padding-top:5px;
}
.biao5 {
width: 140px;
height: 154px;
/*border: 1px solid black;*/
float: left;
margin-left: 560px;
margin-top: -160px;
font-size: 15px;
font-weight: 500;
}
.biao6 {
width: 140px;
height: 154px;
/*border: 1px solid black;*/
float: left;
margin-left: 700px;
margin-top: -160px;
font-size: 15px;
font-weight: 500;
}

.biao7 {
width: 140px;
height: 154px;
/*border: 1px solid black;*/
float: left;
margin-left: 840px;
margin-top: -160px;
font-size: 15px;
font-weight: 500;
}
.biao8 {
width: 140px;
height: 154px;
/*border: 1px solid black;*/
float: left;
margin-left: 1000px;
margin-top: -160px;
font-size: 15px;
font-weight: 500;
}
.biao9 {
width: 140px;
height: 154px;
/*border: 1px solid black;*/
float: left;
margin-left: 1140px;
margin-top: -160px;
}
.biao3 {
width:844px;
height:50px;
/*border:1px solid black;*/
float:left;
border-bottom:0.5px solid gray;
margin-top:10px;
margin-left:250px;
}
.biao4 {
width:844px;
height:50px;
/*border:1px solid black;*/
float:left;
margin-left:450px;
}
</style>
</head>

</div>
<div class="top3">
<div class="top4">
<img src="logo.jpg"/> </div>
<input type="text" class="tx" id="d1" name="text"/>
<input type="submit" class="wenben" id="button" name="button" value="搜索"/>
<div class="top5">
热门搜索：
<a href="http://" target="_blank" style="text-decoration: none;"> ฅ'ω'ฅ粮</a>
<a href="http://" target="_blank" style="text-decoration: none;"> ฅ'ω'ฅ商城</a>
<a href="http://" target="_blank" style="text-decoration: none;">金猫</a>
<a href="http://" target="_blank" style="text-decoration: none;">金吉拉</a>
</div>
<div class="top5-right">
<img src="ad2.gif"/>
</div>
</div>

<div id="c">
<div class="left">
<div class="left-top">我们该怎样对待流浪猫</div>
<div class="c1-left-btm">    爱动物的你一定会发现在自己生活的城市有许多流浪动物，近几年身边的流浪狗明显减少了，但是流浪猫却没有很大的改善。
很多人觉得流浪动物身上带有太多疾病、寄生虫等，所以会支持捕杀，但是一味的捕杀真的有用吗？
<br />
<br />
    一、国外是如何对待流浪猫的
<br />

意大利：遗弃猫的人将被判一年监禁。
<br />
　　日本：如果主人无力饲养伴侣动物，政府动物保办公室会接受你无力饲养的伴侣动物，并会酌情收取一些费用。
<br />
　　新加坡：农粮兽医局下属的动物安康与控制中心负责收留流浪猫，提供处理流浪动物问题的技术援助，处理与动物安康或虐待动物等有关的问题，通过出版刊物、演讲和展览等方式教育宠物主人以负责的态度对待宠物。
<br />
　　美国：在社区中，每10万人口便需要建立50个左右的动物笼舍，供暂时收容无主人的动物。此举可有效减低流浪动物对社会环境所造成的影响。
<br />
<br />

二、如何科学救助流浪动物
<br />
　　其实如何救助、救助到什么程度只能看个人的能力了。如果可以的话，给流浪猫一点吃的，一盆干净的水他们都会记住你的恩情，只是小编要提醒你的是，不要给流浪猫带有骨头、鱼刺的食物，那很可能会要了他们的命。
<br />
　　如果你有一定的经济能力，可以给他们提供帮助的话，目前国际上最有效的救助流浪猫的方法就是“TNR”“抓捕—绝育—放归 Trap-Neuter-Release”。TNR就是考虑到很多流浪猫无法习惯家庭圈养，宁可自己逃走，在外自由自在的生活，那么对于这些猫咪来说，这种救助方式是最适合的。
<br />
　　在为流浪猫咪绝育放归后，将他们放回到原本熟悉的环境中，定点喂食喂水，猫咪如果在绝育后不能适应在外流浪的生活，那么救助者可以联系动物救助组织，为他们寻找合适的领养家庭。　
<br />
<br />

    三、救助注意事项
<br />
　　在救助过程中，一定要考虑到周围环境和其他正常居民的生活，喂食流浪猫记得收拾好，保证不要弄脏环境为前提，毕竟一旦发生冲突，受伤的往往是最无辜的动物。
<br />
　　救助者们一定要考虑自己的能力进行救助，家人的支持、经济能力都要考虑进去，一旦超出了自己的能力救助的话，对于猫咪来说也是另一种伤害。
</div>
</div>

<ul>
<li><a href="">新生孤儿猫的人工喂养方法（如果你捡到了孤儿新生猫）</a></li>
<br />
<li><a href="">个体救助流浪猫狗陷困局相关人士建议控制收容总量</a></li>
<br />
<li><a href="名义.html"target="_blank">那些以“爱”的名义赠送猫咪的人</a></li>
</ul>
</div>

</div>

<br />
<br />
<br />
<br />
<hr />
<h1><b><center>领养/赠送</center></b></h1>

<div class="img1"><img src="流浪猫4.jpg" />
<a href="">用事实说话：孩子和宠物可以兼得</a></div>
<div class="img2"><img src="流浪猫5.jpg" />
<a href="">从猫贩子屠刀下救出的孩子们找麻麻——天津700猫基地美猫寻亲记</a></div>
<div class="img3"><img src="流浪猫6.jpg" />
<a href="">北京）和平里赵明阿姨家的60只猫等待你的领养、</a></div>
<div class="img4"><img src="流浪猫7.jpg" />
<a href="">不要见了纯种猫就扑上去，小心被骗！</a></div>
<div class="img5"><img src="流浪猫8.jpg" />
<a href="">2个月短毛萌三花“五月”寻领养</a></div>
<div class="img6"><img src="流浪猫9.jpg" />
<a href="">2.5岁阳光小王子“小黑”寻领养</a></div>

</div>
<br />
<br />

<div class="biao3"><img src="biao1.jpg.jpg" /></div>
<div class="biao4"><img src="biao.888.jpg.jpg" /></div>
</body>
</html>
<script>
var ad_banner = document.getElementById("ad-banner");
var arr = [];
var count = 1;
function moveLeftclick() {
if (count == 3) {
return false;
} else {
arr.push(window.setInterval("moveLeft()", 20));
}
}

}

function moveRight() {
ad_banner.style.marginLeft = ad_banner.offsetLeft + 10 + "px";
if (ad_banner.offsetLeft == -700 * (count - 2)) {
for (var x in arr) {
window.clearInterval(arr[x]);
}
count--;
}

}

</script>

转载于:https://www.cnblogs.com/qwer123666/p/6955820.html

查看全文
如若内容造成侵权/违法违规/事实不符，请联系编程学习网邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！

浏览器一键返回顶部
本例中为了方便设置了一个span标签开始时隐藏判断滚动条滚动的距离 fadein 隐藏的span出现 animate 改变元素的宽高来实现动画，后面的300是时间...
2024/4/20 1:43:02
关于web移动端返回到顶部的解决方案
在pc上我们很容易就可以用scrollTop()来实现流程的向上滚动的返回到顶部的动画，然后用到web移动端却没什么卵用，会出现滚动不流畅，卡顿，失灵等等现象。这是因为移动端的scroll事件触发不频繁，有可能检测不到有<=0的情况为此，移动端判断次数好些，下面是具体实现代码，…...
2024/4/23 17:16:38
【前端记-2】都9102年了，你还不知道怎么唤醒APP吗
今天的富婆又来营业了，今天给大家分享的是在H5页面唤醒APP。背景一般公司都有自己的app，而app是需要不断有新用户涌入才能持续运营，达到不错的收入。就需要使用这种方式进行引入新的用户到native app中。一些内容在网页端体验不好，或者一些功能需要app内才能实现，以及能…...
2024/4/23 3:45:57
Ubuntu基础设定：openssh-server安装和使用
记录一下Ubuntu17.10的openssh-server的安装和使用。安装之后就可以使用ssh登陆Ubuntu了，所以是Ubuntu的基础设定之一。事前准备Ubuntu版本：17.10devops@ubuntu:~$ cat /etc/issue Ubuntu 17.10 \n \ldevops@ubuntu:~$ devops@ubuntu:~$ lsb_release -a No LSB modules are …...
2024/4/15 4:28:40
ireport使用图片制作复选框，并将图片设置相对路径放在项目中
ireport中没有复选框的功能大家都知道，那么我下面介绍怎么通过图片来实现复选框的功能。1.首先准备两个图片，一个勾选的图，一个空白的未勾选的图，如下：2.拖动图形控件，将上面两张图片拉进来，设置两张图片尺寸一致，如下：3.将打勾的图片覆盖在空白的图上，如下：4.选中上…...
2024/4/21 15:16:07
iOS音频流播放、后台播放、远程控制、锁屏封面等总结
1. 推荐音频流播放Framework知名度比较高的Framework应该是github的 mattgallagher/AudioStreamer ，因为国内有一些论坛和教程网的例子是用这个Framework写的，而且有国人略微改进了一下这个Framework并加了中文注释。不过这个Framework的缺点在于不支持ARC，并且状态的改变通…...
2024/4/25 11:31:20
仿百度回到顶部纯js代码
一、少废话，先上代码/*** 返回顶部 js* @author Hgihness*/ $(function(){//创建一个div var backToTop = document.createElement("div"); //添加到页面 document.body.appendChild(backToTop);backToTop.id="back_to_top";backToTop.style.width = …...
2024/4/13 13:59:00
如何挑选适合自己的西装衬衫
虽然服装修改们老是通知你穿衣裳要打破常规才干出彩，可是作为一名在城市中日子的男人来说，穿的符合礼仪和规矩才是重中之重，所以，在将那些“偏门左道”学到手之前，无妨先将一些根本规律纯熟于心，今天一招通知你，关于正装，你该怎样挑选—— 　　首先看身段！　　合身是…...
2024/4/25 14:04:53
Ubuntu 12.04 下安装ssh 服务遇到的问题以及总结
为了配置安装多节点Openstack，今天在公司实验室里找了三台主机安装Ubuntu12.04，安装启动ssh server服务的时候出现问题。首先，一般情况下ssh 的agent服务已经安装并启动了，安装server服务直接用：sudo apt-get install openssh-server但是三台机器都报错，赵不到包，后来经…...
2024/4/13 0:39:24
delphi组件
VCL中的Shape是个很不错的控件，可以选择几种图形，以满足我们的需求，但有时候就是觉得它的可选图形少了一点，比如我们想要一个三角形，它却没有。于是就想到来扩展一下这个控件，名为ShapeEx。其实扩展的功能不多，只是增加了一些图形。而类也并不是继承自TShape，而是继承自…...
2024/4/18 7:34:27
ubuntu下安装、启动和卸载SSH
1、先停掉SSH服务：sudo stop ssh 2、卸载openssh-server：apt-get remove openssh-server 3、卸载openssh-client: apt-get remove openssh-server 4、安装openssh-server：apt-get install openssh-server 5、安装openssh-client：apt-get install openssh-client 6、安装完成…...
2024/5/1 3:52:59
给孩子买保险有必要吗孩子保险购买技巧分享
孩子成长离不开父母的关注和照顾，给孩子添置保险已经成为很多家长朋友的共识了。不过给孩子买保险有必要吗，如何购买保险才合适呢？实际上，纵观孩子的发展特点可以看出，孩子成长过程中，比较容易发生意外风险，疾病风险也较高，给孩子买保险可以抵御这些风险，助力孩子快乐…...
2024/4/30 21:26:24
在html中插入图片和返回到顶部
<html> <head> <title>a标签</title> <meta charset="UTF-8"> </head> <body> <p id="myp">这是测试文本内容</p> <br><br><br><br><br><br><br><br…...
2024/4/30 16:09:16
MARKDOWN--介绍http://www.jianshu.com/p/q81RER
简注册登录添加关注作者简书 2013.04.22 22:02* 写了267022字，被8398人关注，获得了9900个喜欢献给写作者的 Markdown 新手指南字数1600 阅读184524 评论255 喜欢1838「简书」作为一款「写作软件」在诞生之初就支持了 Markdown，Markdown 是一种「电子邮件」风格的「标记语…...
2024/4/30 20:52:52
ubuntu10.04配置ssh
1、Ubuntu版本：Ubuntu-10.04 LTS2、安装OpenSSH Server#sudo apt-get install openssh-server2、服务的启动、停止、重启2.1、启动SSH Server： # /etc/init.d/ssh start 或者 #start ssh2.2、停止SSH Server： # /etc/init.d/ssh stop 2.3、重启SSH Server： # /etc/init.d/…...
2024/4/30 21:23:55
MSChart常用图表注解
最近在维护一个C#的项目，主要是对MSChart的操作，比如对图表添加图例这类等，修改的过程中完完全全的体验到VS的强大，拖控件修改属性绑定事件这样搞，真的简单方便啊，微软这波就是稳。由于对C#的了解也只是皮毛，学习的时候觉得这篇博客总结挺到位，转载一下。原文地址 h…...
2024/4/30 16:16:17
js利用layui设计“返回顶部”下标
layui.use([laydate,element,laypage,layer,form,util],function(){$ = layui.jquery;element = layui.element();//面包导航laypage = layui.laypage;//分页layer = layui.layer;//弹出层//form = layui.form();util = layui.util;util.fixbar({ //返回顶部top: true,css: {r…...
2024/4/30 21:12:16
OSChina 周日乱弹 —— 跨界程序员
2019独角兽企业重金招聘Python工程师标准>>> Osc乱弹歌单（2019）请戳（这里）【今日歌曲】 @冰冰棒：#今日歌曲推荐# 后知后觉发现，忽略唱功，曾轶可真是一个可爱又有才的女生。分享曾轶可的单曲《Baby Sister》《Baby Sister》- 曾轶可手机党少年们想听歌，…...
2024/4/30 22:12:46
Java自学-图形界面日期控件
两种Swing下的日期控件 DatePicker 和JXDatePicker swing没有自带的日期控件，需要第三方的类步骤 1 : DatePicker 本例使用 Datepicker.jar 包，有一个缺点，不能设置时间，只能在创建控件的时候传入指定日期。需要设置日期，请使用JXDatePickerpackage gui;import java.awt…...
2024/5/1 4:00:46
Material Design系列，自定义Behavior之上滑显示返回顶部按钮
Material Design系列，自定义Behavior之上滑显示返回顶部按钮版权声明：转载必须注明本文转自严振杰的博客: http://blog.csdn.net/yanzhenjie1003友情连接： Material Design博客专栏系列博客： 1. Material Design系列，Behavior之BottomSheetBehavior与BottomSheetDialog …...
2024/5/1 0:53:34

一阶段项目流浪猫

相关文章

最新文章

一阶段项目 流浪猫

相关文章

最新文章

一阶段项目流浪猫