亚洲播播播,h 在线播放,亚洲三级网站

- 龍誠動(dòng)態(tài)
  
  行業(yè)新聞
  
  我們的觀點(diǎn)
  
  公司公告
  
  建站技術(shù)
  
  網(wǎng)站SEO優(yōu)化
  
  網(wǎng)站制作流程
  
  產(chǎn)品報(bào)價(jià)
  - 聯(lián)系電話：0577-55882408
  - 傳真號(hào)碼：0577-55882411
  - 聯(lián)系手機(jī)：15224122065
  - 聯(lián)系地址：溫州市甌海站南商貿(mào)城C幢306
- - 首頁-新聞中心-建站技術(shù)
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>龍誠互聯(lián)</title> <style type="text/css"> * {margin:0;padding:0;} ul, li {list-style:none;} .mid {margin:0 auto;} .area {width:240px;height:270px;overflow:hidden;background:#999;margin-top:150px;position:relative;} #pic_list {position:relative;} #pic_list li {position:absolute;visibility:hidden;} #pic_list li.show {visibility:visible;} #pic_list li img {vertical-align:middle;} .button {width:240px;height:20px;line-height:20px;background:#ccc;position:absolute;bottom:0px;} #button {float:right;} #button li {float:left;width:20px;height:20px;text-align:center;margin:0 3px;font-family:"Arial";font-size:12px;color:#fff;background:#000;} #button li.current {background:#f00;cursor:pointer;} </style> </head> <body> <div id="wmvwfqqt" class="area mid"> <div class="wmvwfqqt" id="imgbox" class="bbbb"> <ul id="pic_list" class="aaaa"> <li id="wmvwfqqt" class="show" id="one"><img src="http://img1.27.cn/images/201109/29/1317279971_77011100.jpg" width="240" /></li> <li id="two"><img src="http://img1.27.cn/images/201109/29/1317279972_01691900.jpg" width="240" /></li> <li id="three"><img src="http://img1.27.cn/images/201109/29/1317279973_69082200.jpg" width="240" /></li> <li id="four"><img src="http://img1.27.cn/images/201109/29/1317281054_38572100.jpg" width="240" /></li> <li id="five"><img src="http://img1.27.cn/images/201109/29/1317281056_61630800.jpg" width="240" /></li> </ul> </div> <div id="wmvwfqqt" class="button" class="dddd"> <ul id="button" class="cccc"> <li id="wmvwfqqt" class="current" id="but_one">1</li><li id="but_two">2</li><li id="but_three">3</li><li id="but_four">4</li><li id="but_five">5</li> </ul> </div> </div> <script type="text/javascript"> (function(){ var imgbox = document.getElementById("imgbox"); var pic_list = document.getElementById("pic_list"); var pics = pic_list.getElementsByTagName("li"); var button = document.getElementById("button").getElementsByTagName("li"); var p; var start; function autoplay(start){for(i=start;i<button.length;i++){ //設(shè)置起始值為start參數(shù). (function(){ var p=i; // 為p賦值i. i等于0,1,2,3,4; button[i].onmouseover=function change(){ //button[0],button[1],button[2],button[3],button[4] onmouseover可以觸發(fā)函數(shù); for(j=0;j<this.parentNode.childNodes.length;j++){ //以this(當(dāng)前觸發(fā)事件的元素)為起點(diǎn),的父節(jié)點(diǎn)的所有子節(jié)點(diǎn)的length值為最高值,開始遍歷. ; this.parentNode.childNodes[j].className=""; //以this(當(dāng)前觸發(fā)事件的元素)為起點(diǎn),的父節(jié)點(diǎn)的所有子節(jié)點(diǎn)的className為空. 危險(xiǎn)慎用.; } this.className="current"; //this. 即當(dāng)前觸發(fā)onmouseover的元素的className為"current"; for(m=0;m<pics.length;m++){ //以pics.length為最高值進(jìn)行遍歷.遍歷pics.; pics[m].className=""; //清空所有pics數(shù)組中所有元素的className; if (m==p){ //當(dāng)m==p (p==i) 所以m=i時(shí),觸發(fā)下列函數(shù) pics[m].className="show"; //pics的第m個(gè)元素的className值為show; m在這里等于i; } } } })(); } } autoplay(0); })(); </script> </body> </html>

亚州一级-亚州视频在线-亚州视频一区二区-亚州视频一区-亚州三级视频-亚州三级