1.圖片切換
<title></title>
<style>
td, img {
width: 200px;
height: 150px;
}
</style>
</head>
<body>
<table border="1" id="table">
<tr>
<td><img src="images/11.jpg"/></td>
<td><img src="images/22.jpg"/></td>
<td><img src="images/33.jpg"/></td>
</tr>
</table>
<img src="images/11.jpg" id="showImg"/>
</body>
</html>
<script type="text/javascript">
var otab = document.getElementById('table')
var otds = otab.getElementsByTagName('img')
var oimg = document.getElementById('showImg')
//遍歷獲得每個表格中每個img事件
for (var i = 0; i < otds.length; i++) {
//給事件添加點擊事件
otds[i].onclick = function(){
daaress = this.src
//把地址賦給oimg
oimg.src = daaress
}
}
</script>
2.簡單年歷
<title></title>
<style>
* {margin: 0; padding: 0; border: none}
ul, li{list-style: none;}
#box {
width: 220px;
height: 350px;
background: #ccc;
margin: 100px auto;
}
ul {
overflow: hidden;
}
li {
float: left;
width: 58px;
height: 53px;
border: 1px solid #aaa;
background: #444;
color: white;
margin-left: 10px;
margin-top: 10px;
text-align: center;
cursor: pointer;
}
#showInfo {
width: 200px;
height: 50px;
background: #aaa;
border: 1px solid white;
margin: 10px;
}
.active{
color: orange;
background: white;
border: 1px solid red;
}
</style>
</head>
<body>
<div id="box">
<ul>
<li class="active">
<h2>1</h2>
<p>Jan</p>
</li>
<li ">
<h2>2</h2>
<p>Feb</p>
</li>
<li >
<h2>3</h2>
<p>Mar</p>
</li>
<li >
<h2>4</h2>
<p>Apr</p>
</li>
<li >
<h2>5</h2>
<p>May</p>
</li>
<li >
<h2>6</h2>
<p>Jun</p>
</li>
<li >
<h2>7</h2>
<p>Jul</p>
</li>
<li >
<h2>8</h2>
<p>Aug</p>
</li>
<li >
<h2>9</h2>
<p>Sep</p>
</li>
<li >
<h2>10</h2>
<p>Oct</p>
</li>
<li >
<h2>11</h2>
<p>Nov</p>
</li>
<li >
<h2>12</h2>
<p>Dec</p>
</li>
</ul>
<div id="showInfo">1月份好</div>
</div>
</body>
</html>
<script type="text/javascript">
var olis = box.getElementsByTagName('li')
var oword =document.getElementById('showInfo')
//function angry(obj ,index){
// //把其他樣式清空
// for (var i = 0; i < olis.length; i++) {
// olis[i].className = ''
// }
// //添加樣式
// oword.innerHTML = index+1+'月份好'
// olis[index].className = 'active'
//}
for (var i = 0; i < olis.length; i++) {
olis[i].index = i
olis[i].onclick = function () {
// 首先清空所有的class
for (var j = 0; j < olis.length; j++) {
olis[j].className = ''
}
// 然后給指定的添加class
this.className = 'active'
oword.innerHTML = this.index+1+'月份好'
}
}
</script>
3.回到頂部
<style>
#box {
width: 100px;
height: 100px;
background: red;
position: fixed;
right: 0;
bottom: 0;
cursor: pointer;
/*display: none;*/
}
</style>
</head>
<body>
<div id="box">回到頂部</div>
<p>窗外的麻雀在電線桿上多嘴
你說這一句很有夏天的感覺
手中的鉛筆在紙上來來回回
我用幾行字形容你是我的誰
秋刀魚的滋味貓跟你都想了解
初戀的香味就這樣被我們尋回
那溫暖的陽光像剛摘的新鮮草莓
你說你舍不得吃掉這一種感覺
雨下整夜我的愛溢出就像雨水
院子落葉跟我的思念厚厚一疊
幾句是非也無法將我的熱情冷卻
你出現(xiàn)在我詩的每一頁
雨下整夜我的愛溢出就像雨水
窗臺蝴蝶像詩里紛飛的美麗章節(jié)
我接著寫把永遠愛你寫進詩的結(jié)尾
你是我唯一想要的了解
那飽滿的稻穗幸福了這個季節(jié)
而你的臉頰像田里熟透的蕃茄
你突然對我說七里香的名字很美
我此刻卻只想親吻你倔強的嘴</p>
<p>窗外的麻雀在電線桿上多嘴
你說這一句很有夏天的感覺
手中的鉛筆在紙上來來回回
我用幾行字形容你是我的誰
秋刀魚的滋味貓跟你都想了解
初戀的香味就這樣被我們尋回
那溫暖的陽光像剛摘的新鮮草莓
你說你舍不得吃掉這一種感覺
雨下整夜我的愛溢出就像雨水
院子落葉跟我的思念厚厚一疊
幾句是非也無法將我的熱情冷卻
你出現(xiàn)在我詩的每一頁
雨下整夜我的愛溢出就像雨水
窗臺蝴蝶像詩里紛飛的美麗章節(jié)
我接著寫把永遠愛你寫進詩的結(jié)尾
你是我唯一想要的了解
那飽滿的稻穗幸福了這個季節(jié)
而你的臉頰像田里熟透的蕃茄
你突然對我說七里香的名字很美
我此刻卻只想親吻你倔強的嘴</p>
<p>窗外的麻雀在電線桿上多嘴
你說這一句很有夏天的感覺
手中的鉛筆在紙上來來回回
我用幾行字形容你是我的誰
秋刀魚的滋味貓跟你都想了解
初戀的香味就這樣被我們尋回
那溫暖的陽光像剛摘的新鮮草莓
你說你舍不得吃掉這一種感覺
雨下整夜我的愛溢出就像雨水
院子落葉跟我的思念厚厚一疊
幾句是非也無法將我的熱情冷卻
你出現(xiàn)在我詩的每一頁
雨下整夜我的愛溢出就像雨水
窗臺蝴蝶像詩里紛飛的美麗章節(jié)
我接著寫把永遠愛你寫進詩的結(jié)尾
你是我唯一想要的了解
那飽滿的稻穗幸福了這個季節(jié)
而你的臉頰像田里熟透的蕃茄
你突然對我說七里香的名字很美
我此刻卻只想親吻你倔強的嘴</p>
<p>窗外的麻雀在電線桿上多嘴
你說這一句很有夏天的感覺
手中的鉛筆在紙上來來回回
我用幾行字形容你是我的誰
秋刀魚的滋味貓跟你都想了解
初戀的香味就這樣被我們尋回
那溫暖的陽光像剛摘的新鮮草莓
你說你舍不得吃掉這一種感覺
雨下整夜我的愛溢出就像雨水
院子落葉跟我的思念厚厚一疊
幾句是非也無法將我的熱情冷卻
你出現(xiàn)在我詩的每一頁
雨下整夜我的愛溢出就像雨水
窗臺蝴蝶像詩里紛飛的美麗章節(jié)
我接著寫把永遠愛你寫進詩的結(jié)尾
你是我唯一想要的了解
那飽滿的稻穗幸福了這個季節(jié)
而你的臉頰像田里熟透的蕃茄
你突然對我說七里香的名字很美
我此刻卻只想親吻你倔強的嘴</p>
<p>窗外的麻雀在電線桿上多嘴
你說這一句很有夏天的感覺
手中的鉛筆在紙上來來回回
我用幾行字形容你是我的誰
秋刀魚的滋味貓跟你都想了解
初戀的香味就這樣被我們尋回
那溫暖的陽光像剛摘的新鮮草莓
你說你舍不得吃掉這一種感覺
雨下整夜我的愛溢出就像雨水
院子落葉跟我的思念厚厚一疊
幾句是非也無法將我的熱情冷卻
你出現(xiàn)在我詩的每一頁
雨下整夜我的愛溢出就像雨水
窗臺蝴蝶像詩里紛飛的美麗章節(jié)
我接著寫把永遠愛你寫進詩的結(jié)尾
你是我唯一想要的了解
那飽滿的稻穗幸福了這個季節(jié)
而你的臉頰像田里熟透的蕃茄
你突然對我說七里香的名字很美
我此刻卻只想親吻你倔強的嘴</p>
<p>窗外的麻雀在電線桿上多嘴
你說這一句很有夏天的感覺
手中的鉛筆在紙上來來回回
我用幾行字形容你是我的誰
秋刀魚的滋味貓跟你都想了解
初戀的香味就這樣被我們尋回
那溫暖的陽光像剛摘的新鮮草莓
你說你舍不得吃掉這一種感覺
雨下整夜我的愛溢出就像雨水
院子落葉跟我的思念厚厚一疊
幾句是非也無法將我的熱情冷卻
你出現(xiàn)在我詩的每一頁
雨下整夜我的愛溢出就像雨水
窗臺蝴蝶像詩里紛飛的美麗章節(jié)
我接著寫把永遠愛你寫進詩的結(jié)尾
你是我唯一想要的了解
那飽滿的稻穗幸福了這個季節(jié)
而你的臉頰像田里熟透的蕃茄
你突然對我說七里香的名字很美
我此刻卻只想親吻你倔強的嘴</p>
<p>窗外的麻雀在電線桿上多嘴
你說這一句很有夏天的感覺
手中的鉛筆在紙上來來回回
我用幾行字形容你是我的誰
秋刀魚的滋味貓跟你都想了解
初戀的香味就這樣被我們尋回
那溫暖的陽光像剛摘的新鮮草莓
你說你舍不得吃掉這一種感覺
雨下整夜我的愛溢出就像雨水
院子落葉跟我的思念厚厚一疊
幾句是非也無法將我的熱情冷卻
你出現(xiàn)在我詩的每一頁
雨下整夜我的愛溢出就像雨水
窗臺蝴蝶像詩里紛飛的美麗章節(jié)
我接著寫把永遠愛你寫進詩的結(jié)尾
你是我唯一想要的了解
那飽滿的稻穗幸福了這個季節(jié)
而你的臉頰像田里熟透的蕃茄
你突然對我說七里香的名字很美
我此刻卻只想親吻你倔強的嘴</p>
<p>窗外的麻雀在電線桿上多嘴
你說這一句很有夏天的感覺
手中的鉛筆在紙上來來回回
我用幾行字形容你是我的誰
秋刀魚的滋味貓跟你都想了解
初戀的香味就這樣被我們尋回
那溫暖的陽光像剛摘的新鮮草莓
你說你舍不得吃掉這一種感覺
雨下整夜我的愛溢出就像雨水
院子落葉跟我的思念厚厚一疊
幾句是非也無法將我的熱情冷卻
你出現(xiàn)在我詩的每一頁
雨下整夜我的愛溢出就像雨水
窗臺蝴蝶像詩里紛飛的美麗章節(jié)
我接著寫把永遠愛你寫進詩的結(jié)尾
你是我唯一想要的了解
那飽滿的稻穗幸福了這個季節(jié)
而你的臉頰像田里熟透的蕃茄
你突然對我說七里香的名字很美
我此刻卻只想親吻你倔強的嘴</p>
<p>窗外的麻雀在電線桿上多嘴
你說這一句很有夏天的感覺
手中的鉛筆在紙上來來回回
我用幾行字形容你是我的誰
秋刀魚的滋味貓跟你都想了解
初戀的香味就這樣被我們尋回
那溫暖的陽光像剛摘的新鮮草莓
你說你舍不得吃掉這一種感覺
雨下整夜我的愛溢出就像雨水
院子落葉跟我的思念厚厚一疊
幾句是非也無法將我的熱情冷卻
你出現(xiàn)在我詩的每一頁
雨下整夜我的愛溢出就像雨水
窗臺蝴蝶像詩里紛飛的美麗章節(jié)
我接著寫把永遠愛你寫進詩的結(jié)尾
你是我唯一想要的了解
那飽滿的稻穗幸福了這個季節(jié)
而你的臉頰像田里熟透的蕃茄
你突然對我說七里香的名字很美
我此刻卻只想親吻你倔強的嘴</p>
<p>窗外的麻雀在電線桿上多嘴
你說這一句很有夏天的感覺
手中的鉛筆在紙上來來回回
我用幾行字形容你是我的誰
秋刀魚的滋味貓跟你都想了解
初戀的香味就這樣被我們尋回
那溫暖的陽光像剛摘的新鮮草莓
你說你舍不得吃掉這一種感覺
雨下整夜我的愛溢出就像雨水
院子落葉跟我的思念厚厚一疊
幾句是非也無法將我的熱情冷卻
你出現(xiàn)在我詩的每一頁
雨下整夜我的愛溢出就像雨水
窗臺蝴蝶像詩里紛飛的美麗章節(jié)
我接著寫把永遠愛你寫進詩的結(jié)尾
你是我唯一想要的了解
那飽滿的稻穗幸福了這個季節(jié)
而你的臉頰像田里熟透的蕃茄
你突然對我說七里香的名字很美
我此刻卻只想親吻你倔強的嘴</p>
<p>窗外的麻雀在電線桿上多嘴
你說這一句很有夏天的感覺
手中的鉛筆在紙上來來回回
我用幾行字形容你是我的誰
秋刀魚的滋味貓跟你都想了解
初戀的香味就這樣被我們尋回
那溫暖的陽光像剛摘的新鮮草莓
你說你舍不得吃掉這一種感覺
雨下整夜我的愛溢出就像雨水
院子落葉跟我的思念厚厚一疊
幾句是非也無法將我的熱情冷卻
你出現(xiàn)在我詩的每一頁
雨下整夜我的愛溢出就像雨水
窗臺蝴蝶像詩里紛飛的美麗章節(jié)
我接著寫把永遠愛你寫進詩的結(jié)尾
你是我唯一想要的了解
那飽滿的稻穗幸福了這個季節(jié)
而你的臉頰像田里熟透的蕃茄
你突然對我說七里香的名字很美
我此刻卻只想親吻你倔強的嘴</p>
<p>窗外的麻雀在電線桿上多嘴
你說這一句很有夏天的感覺
手中的鉛筆在紙上來來回回
我用幾行字形容你是我的誰
秋刀魚的滋味貓跟你都想了解
初戀的香味就這樣被我們尋回
那溫暖的陽光像剛摘的新鮮草莓
你說你舍不得吃掉這一種感覺
雨下整夜我的愛溢出就像雨水
院子落葉跟我的思念厚厚一疊
幾句是非也無法將我的熱情冷卻
你出現(xiàn)在我詩的每一頁
雨下整夜我的愛溢出就像雨水
窗臺蝴蝶像詩里紛飛的美麗章節(jié)
我接著寫把永遠愛你寫進詩的結(jié)尾
你是我唯一想要的了解
那飽滿的稻穗幸福了這個季節(jié)
而你的臉頰像田里熟透的蕃茄
你突然對我說七里香的名字很美
我此刻卻只想親吻你倔強的嘴</p>
<p>窗外的麻雀在電線桿上多嘴
你說這一句很有夏天的感覺
手中的鉛筆在紙上來來回回
我用幾行字形容你是我的誰
秋刀魚的滋味貓跟你都想了解
初戀的香味就這樣被我們尋回
那溫暖的陽光像剛摘的新鮮草莓
你說你舍不得吃掉這一種感覺
雨下整夜我的愛溢出就像雨水
院子落葉跟我的思念厚厚一疊
幾句是非也無法將我的熱情冷卻
你出現(xiàn)在我詩的每一頁
雨下整夜我的愛溢出就像雨水
窗臺蝴蝶像詩里紛飛的美麗章節(jié)
我接著寫把永遠愛你寫進詩的結(jié)尾
你是我唯一想要的了解
那飽滿的稻穗幸福了這個季節(jié)
而你的臉頰像田里熟透的蕃茄
你突然對我說七里香的名字很美
我此刻卻只想親吻你倔強的嘴</p>
<p>窗外的麻雀在電線桿上多嘴
你說這一句很有夏天的感覺
手中的鉛筆在紙上來來回回
我用幾行字形容你是我的誰
秋刀魚的滋味貓跟你都想了解
初戀的香味就這樣被我們尋回
那溫暖的陽光像剛摘的新鮮草莓
你說你舍不得吃掉這一種感覺
雨下整夜我的愛溢出就像雨水
院子落葉跟我的思念厚厚一疊
幾句是非也無法將我的熱情冷卻
你出現(xiàn)在我詩的每一頁
雨下整夜我的愛溢出就像雨水
窗臺蝴蝶像詩里紛飛的美麗章節(jié)
我接著寫把永遠愛你寫進詩的結(jié)尾
你是我唯一想要的了解
那飽滿的稻穗幸福了這個季節(jié)
而你的臉頰像田里熟透的蕃茄
你突然對我說七里香的名字很美
我此刻卻只想親吻你倔強的嘴</p>
<p>窗外的麻雀在電線桿上多嘴
你說這一句很有夏天的感覺
手中的鉛筆在紙上來來回回
我用幾行字形容你是我的誰
秋刀魚的滋味貓跟你都想了解
初戀的香味就這樣被我們尋回
那溫暖的陽光像剛摘的新鮮草莓
你說你舍不得吃掉這一種感覺
雨下整夜我的愛溢出就像雨水
院子落葉跟我的思念厚厚一疊
幾句是非也無法將我的熱情冷卻
你出現(xiàn)在我詩的每一頁
雨下整夜我的愛溢出就像雨水
窗臺蝴蝶像詩里紛飛的美麗章節(jié)
我接著寫把永遠愛你寫進詩的結(jié)尾
你是我唯一想要的了解
那飽滿的稻穗幸福了這個季節(jié)
而你的臉頰像田里熟透的蕃茄
你突然對我說七里香的名字很美
我此刻卻只想親吻你倔強的嘴</p>
<p>窗外的麻雀在電線桿上多嘴
你說這一句很有夏天的感覺
手中的鉛筆在紙上來來回回
我用幾行字形容你是我的誰
秋刀魚的滋味貓跟你都想了解
初戀的香味就這樣被我們尋回
那溫暖的陽光像剛摘的新鮮草莓
你說你舍不得吃掉這一種感覺
雨下整夜我的愛溢出就像雨水
院子落葉跟我的思念厚厚一疊
幾句是非也無法將我的熱情冷卻
你出現(xiàn)在我詩的每一頁
雨下整夜我的愛溢出就像雨水
窗臺蝴蝶像詩里紛飛的美麗章節(jié)
我接著寫把永遠愛你寫進詩的結(jié)尾
你是我唯一想要的了解
那飽滿的稻穗幸福了這個季節(jié)
而你的臉頰像田里熟透的蕃茄
你突然對我說七里香的名字很美
我此刻卻只想親吻你倔強的嘴</p>
<p>窗外的麻雀在電線桿上多嘴
你說這一句很有夏天的感覺
手中的鉛筆在紙上來來回回
我用幾行字形容你是我的誰
秋刀魚的滋味貓跟你都想了解
初戀的香味就這樣被我們尋回
那溫暖的陽光像剛摘的新鮮草莓
你說你舍不得吃掉這一種感覺
雨下整夜我的愛溢出就像雨水
院子落葉跟我的思念厚厚一疊
幾句是非也無法將我的熱情冷卻
你出現(xiàn)在我詩的每一頁
雨下整夜我的愛溢出就像雨水
窗臺蝴蝶像詩里紛飛的美麗章節(jié)
我接著寫把永遠愛你寫進詩的結(jié)尾
你是我唯一想要的了解
那飽滿的稻穗幸福了這個季節(jié)
而你的臉頰像田里熟透的蕃茄
你突然對我說七里香的名字很美
我此刻卻只想親吻你倔強的嘴</p>
<p>窗外的麻雀在電線桿上多嘴
你說這一句很有夏天的感覺
手中的鉛筆在紙上來來回回
我用幾行字形容你是我的誰
秋刀魚的滋味貓跟你都想了解
初戀的香味就這樣被我們尋回
那溫暖的陽光像剛摘的新鮮草莓
你說你舍不得吃掉這一種感覺
雨下整夜我的愛溢出就像雨水
院子落葉跟我的思念厚厚一疊
幾句是非也無法將我的熱情冷卻
你出現(xiàn)在我詩的每一頁
雨下整夜我的愛溢出就像雨水
窗臺蝴蝶像詩里紛飛的美麗章節(jié)
我接著寫把永遠愛你寫進詩的結(jié)尾
你是我唯一想要的了解
那飽滿的稻穗幸福了這個季節(jié)
而你的臉頰像田里熟透的蕃茄
你突然對我說七里香的名字很美
我此刻卻只想親吻你倔強的嘴</p>
</body>
</html>
<script type="text/javascript">
var odiv = document.getElementById('box')
odiv.onclick = function(){
document.documentElement.scrollTop = 0
}
</script>
