一階段項目流浪貓

阿新 • • 發佈：2017-06-07

登錄 -1 但是購物車 hit mil interval 手機版 tex

<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>

一階段項目流浪貓

登錄 -1 但是購物車 hit mil interval 手機版 tex <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title

一階段項目流浪貓

一階段項目流浪貓

一階段項目-論壇頁

一階段項目任務描述

一階段項目開始的第一天所遇到的問題和解決（瀏覽器滾動條的變相隱藏，div的邊框陰影效果，圖片的色彩漸變）

華為軟件開發雲測評報告一：項目管理

KBEngine warring項目源碼閱讀（一）項目簡介和註冊登錄

團隊作業10——Beta階段項目復審

團隊作業10--Beta階段項目復審

Beta階段項目復審

AngularJS進階(三十一)AngularJS項目開發技巧之獲取模態對話框中的組件ID

第一階段項目（3）

mmall 項目實戰（一）項目初始化

論壇開發（一）項目準備

2018年4月16日第二階段項目整理

記一次項目中遇到的git問題

alpha階段項目復審

Beata階段項目復審

第一階段項目技術點總結（ES6技術，vue技術）

三階段項目問題總結

持續投入開源社區建設 | 阿裏巴巴又一開源項目被列入 CNCF 雲原生全景圖

一階段項目 流浪貓

相關推薦

一階段項目流浪貓