色综合图-色综合图片-色综合图片二区150p-色综合图区-玖玖国产精品视频-玖玖香蕉视频

您的位置:首頁(yè)技術(shù)文章
文章詳情頁(yè)

javascript - 為什么當(dāng)index等于5的時(shí)候,不在當(dāng)前頁(yè)面跳轉(zhuǎn)到百度?不跳轉(zhuǎn)的代碼在倒數(shù)第五行

瀏覽:193日期:2022-06-24 14:41:54

問(wèn)題描述

<!DOCTYPE html><html><head>

<title></title><meta charset='utf-8'><style type='text/css'> * {margin: 0;padding: 0; } h1 {height: 100px;line-height: 100px;text-align: center;background: #dccccc; } ul {width: 800px;margin: 0 auto; }ul li { list-style: none;}

ul li a {width: 200px;height: 50px;line-height: 50px;text-align: center;display: block;float: left;background: #808080; }ul li a:hover { background: #ff6a00;} p {width: 1240px;height: 300px;margin: 55px auto; }p img { display: block; float: left; margin-left: 10px;} h2 {height: 100px;line-height: 100px;text-align: center;background: #dccccc;margin-top: -30px; }</style>

</head><body>

<h1>點(diǎn)擊下方切換圖片</h1><ul id='pic'><li><a href='http://www.lshqa.cn/wenda/1.jpg'>圖片一</a></li><li><a href='http://www.lshqa.cn/wenda/2.jpg'>圖片二</a></li><li><a href='http://www.lshqa.cn/wenda/3.jpg'>圖片三</a></li><li><a href='http://www.lshqa.cn/wenda/4.jpg'>圖片四</a></li></ul>

<p><img src='http://www.lshqa.cn/wenda/1.jpg' alt='圖片' /><img src='http://www.lshqa.cn/wenda/5.jpg' alt='圖片' /><img src='http://www.lshqa.cn/wenda/2.jpg' alt='圖片' /></p><h1 id='index'>0</h1>

</body></html><script>

//要實(shí)現(xiàn)的功能1:點(diǎn)擊圖片按鈕時(shí),中間圖片為當(dāng)前圖片//2.中間圖片切換時(shí),左邊切換成當(dāng)前圖片的上一張,右邊切換成當(dāng)前圖片的下一張;

//1.取出所有的A標(biāo)。 2.點(diǎn)擊圖片按鈕時(shí)切換圖片 3.點(diǎn)擊當(dāng)前圖片時(shí),找出上一個(gè)兄弟元素,和下一個(gè)兄弟元素href的值 4.判斷當(dāng)點(diǎn)擊第一個(gè)圖片最后,讓左邊圖片顯示最后一個(gè)//5.判斷當(dāng)點(diǎn)擊最后一個(gè)圖片時(shí)候,讓右邊圖片顯示成第一個(gè)i額//第一步,取出所有的A標(biāo)簽var pic = document.getElementById(’pic’).getElementsByTagName(’a’); //第一步,取出所有的A標(biāo)簽//循環(huán)遍歷所有的A標(biāo)簽for (var i = 0; i < pic.length; i++) { //給所有的A標(biāo)簽綁定點(diǎn)擊事件 pic[i].onclick = function () {changeIndex();console.log(this);//取出當(dāng)前點(diǎn)擊的href的值thisHerf = this.getAttribute(’href’);//取出ID為pid的元素var pid = document.getElementById(’pid’);//g給ID為pid的img元素的src賦值pid.setAttribute('src', thisHerf);//取出當(dāng)前點(diǎn)擊圖片的上一個(gè)A標(biāo)簽var aA = this.parentNode;//去當(dāng)前父元素var aB = aA.previousSibling;//父元素的上一個(gè)兄弟元素var aE = aA.nextSibling;//父元素的下一個(gè)兄弟元素//左邊圖片切換if (aB != null) { var aC = aB.firstChild;//父元素的上一個(gè)兄弟元素的A標(biāo)簽 var aD = aC.getAttribute(’href’)//取出上一個(gè)A標(biāo)簽的href值 pid.previousSibling.setAttribute(’src’, aD);}//判斷當(dāng)上一個(gè)元素不為空的時(shí)候,給id為pid 的img元素的上一個(gè)兄弟元素src賦值else { pid.previousSibling.setAttribute(’src’, ’4.jpg’)}//判斷當(dāng)上一個(gè)元素為空的時(shí)候,給id為pid 的img元素的上一個(gè)兄弟元素src直接賦值最后一個(gè)href的值//右邊圖片切換if (aE != null) { var aF = aE.firstChild//父元素下一個(gè)兄弟元素的A標(biāo)簽 var aJ = aF.getAttribute(’href’)//取出上一個(gè)A標(biāo)簽的href值 pid.nextSibling.setAttribute(’src’, aJ);}//判斷當(dāng)下一個(gè)元素不為空的時(shí)候,給id為pid 的img元素的下一個(gè)兄弟元素src賦值else { pid.nextSibling.setAttribute(’src’, ’1.jpg’)}//判斷當(dāng)下一個(gè)元素為空的時(shí)候,給id為pid 的img元素的下一個(gè)兄弟元素src直接賦值第一個(gè)href的值

return false;//返回false不運(yùn)行A標(biāo)簽本身自帶的點(diǎn)擊事件 }}

function changeIndex() { var index = parseInt(document.getElementById(’index’).innerHTML); index += 1; document.getElementById(’index’).innerHTML = index; if (index % 5 == 0) {console.log(1);window.location.; } return false;}

</script>

問(wèn)題解答

回答1:

我這chrome和firefox點(diǎn)五次都正常跳轉(zhuǎn)了啊是不是你那邊有廣告攔截什么的?

標(biāo)簽: 百度
主站蜘蛛池模板: 一个人的视频日本免费 | 亚洲精品色综合色在线观看 | 国产精品久久不卡日韩美女 | 男人一进一出桶女人视频 | 美国成人免费视频 | 手机在线观看毛片 | 在线观看 a国v | 日韩欧美成末人一区二区三区 | 在线一区播放 | 欧美在线一二三区 | 99久久精品国产片久人 | 一级啊片| 日本视频在线观看不卡高清免费 | 男人好大好硬好爽免费视频 | 九九香蕉| 中文字幕一区二区三区亚洲精品 | 中文字幕在线观看网址 | 大学生久久香蕉国产线观看 | 久久亚洲一级毛片 | 成人做爰视频www网站 | 免费成年网 | 国产精品国产三级国产an不卡 | 久久依人 | 国产国产成人精品久久 | 午夜精品视频 | 亚洲成人黄色片 | 欧美午夜精品一区二区三区 | 久草在线新视频 | 99精品一区二区三区 | 国产乱码精品一区二区三区中 | 在线视频区 | 亚洲欧美日韩高清在线看 | 国产91无套剧情在线播放 | 久草中文在线视频 | 久久无码精品一区二区三区 | 国产精品综合久成人 | 国产自约视频 | 久久成人国产 | 99久久免费视频在线观看 | 私人玩物福利 | 毛片在线看网站 |