<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{
margin: 0;
padding: 0;
position: relative;
}
#imgList{
height: 430px;
text-align: center;
}
#c li{
float: left;
margin: 20px;
}
#c{
position: absolute;
left: 45%;
bottom: 6px;
font-size: 40px;
color: sandybrown;
}
</style>
</head>
<body>
<div id="imgList">
<img id="img1" src="img/slide-1.jpg"/>
<ul id="c">
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</body>
</html>
<script type="text/javascript">
//圖片地址列表
var imageArray = ["img/slide-1.jpg", "img/slide-2.jpg", "img/slide-3.jpg", "img/slide-4.jpg"]
//獲取所有的li標簽
var cNodelist = document.getElementsByTagName('li')
//獲取img
var imgNode = document.getElementById('img1')
//定義帶自動切換圖片功能的計時器
change = function(){
var num = 0
imgChange = window.setInterval(function(){
console.log()
if(num == 4){
num = -1
num++
}else{
imgNode.src = imageArray[num]
console.log(num)
num++
}
},4000)
}
//生成2個計時器
change()
var newchange = change() //這個是什么?
cNodelist[0].onmouseover = function(){
window.clearInterval(imgChange)
imgNode.src = imageArray[0]
}
cNodelist[1].onmouseover = function(){
window.clearInterval(imgChange)
imgNode.src = imageArray[1]
}
cNodelist[2].onmouseover = function(){
window.clearInterval(imgChange)
imgNode.src = imageArray[2]
}
cNodelist[3].onmouseover = function(){
window.clearInterval(imgChange)
imgNode.src = imageArray[3]
}
</script>
day25 - 作業(yè)
最后編輯于 :
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來蜜暑,“玉大人铐姚,你說我怎么就攤上這事。” “怎么了隐绵?”我有些...
- 正文 為了忘掉前任峭跳,我火速辦了婚禮膘婶,結果婚禮上,老公的妹妹穿的比我還像新娘蛀醉。我一直安慰自己悬襟,他們只是感情好,可當我...
- 文/花漫 我一把揭開白布拯刁。 她就那樣靜靜地躺著脊岳,像睡著了一般。 火紅的嫁衣襯著肌膚如雪筛璧。 梳的紋絲不亂的頭發(fā)上逸绎,一...
- 文/蒼蘭香墨 我猛地睜開眼醉锄,長吁一口氣:“原來是場噩夢啊……” “哼乏悄!你這毒婦竟也來了?” 一聲冷哼從身側響起恳不,我...
- 正文 年R本政府宣布印衔,位于F島的核電站,受9級特大地震影響乍楚,放射性物質發(fā)生泄漏当编。R本人自食惡果不足惜,卻給世界環(huán)境...
- 文/蒙蒙 一徒溪、第九天 我趴在偏房一處隱蔽的房頂上張望忿偷。 院中可真熱鬧,春花似錦臊泌、人聲如沸鲤桥。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽茶凳。三九已至,卻和暖如春播揪,著一層夾襖步出監(jiān)牢的瞬間贮喧,已是汗流浹背。 一陣腳步聲響...
推薦閱讀更多精彩內容
- 31-Justoneheart-北京-3 股票日 沒買過股票寒跳,不穩(wěn)定因素太多。如果買知道的大品牌的股票竹椒,每股的價格...
- 一童太、對速動比率的理解 企業(yè)的錢能速速還債嗎?對企業(yè)償債能力的要求又提高了一個層次胸完。 流動比率是短期還債能力书释,速動比...
- 氣質日:亦舒說,“一個真正有氣質的淑女舶吗,從不炫耀她所擁有的一切征冷,她不告訴人們她讀過什么書择膝,去過什么地方誓琼,有多少件衣...
- 【回歸】(2017-5-8) 積極健身:已完成 修煉法則:早腹侣、中叔收、晚 已完成 每日讀書:已完成 成長記錄:已完成 ...