大主宰,风凌天下,欢乐颂小说

- 龍誠動態
  
  行業新聞
  
  我們的觀點
  
  公司公告
  
  建站技術
  
  網站SEO優化
  
  網站制作流程
  
  產品報價
  - 聯系電話：0577-55882408
  - 傳真號碼：0577-55882411
  - 聯系手機：15224122065
  - 聯系地址：溫州市甌海站南商貿城C幢306
- - 首頁-新聞中心-建站技術
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>圖片滑動顯示效果</title> <style type="text/css"> * {margin:0;padding:0;} body {margin:5px auto;background:#f0f0f0;} img {margin:0;border:0;padding:0;} #jsF {position:relative;margin:0;width:270px;height:185px;overflow:hidden;} #jsF ul {position:absolute;top:0;left:0;list-style-type:none;z-index:1;} #jsF li {display:block;position:absolute;top:0;margin:0;padding:0;overflow:hidden;} </style> </head> <body> <div class="0kkqlfz" id="jsF"></div> <div class="0kkqlfz" id="debug"></div> <script> //<[CDATA[ var jsF = document.getElementById('jsF'); var speed1 = 50, speed2 = 2000; var iA = 0, iB = 0, iC = 0; var bD = []; var aImg = ['http://bagua.078.com/uploadfile/2009/0512/20090512101643973.jpg','http://bagua.078.com/uploadfile/2009/0512/20090512101643973.jpg','http://bagua.078.com/uploadfile/2009/0512/20090512101643973.jpg','http://bagua.078.com/uploadfile/2009/0512/20090512101643973.jpg','http://bagua.078.com/uploadfile/2009/0512/20090512101643973.jpg' ]; var aLink = ['http://www.alixixi.com','http://www.alixixi.com','http://www.alixixi.com','http://www.alixixi.com','http://www.alixixi.com','http://www.alixixi.com']; var iImgWidth = 270, iImgHeight = 185; var iDivWidth = iImgWidth/10; jsF.style.width = iImgWidth + 'px'; jsF.style.height = iImgHeight + 'px'; var oImg = []; oImg[0] = new Image(); oImg[0].src = aImg[0]; oImg[1] = new Image(); oImg[1].src = aImg[1]; window.onload = function() { jsF_create(); } //′′?¨?úèY function jsF_create() { if (aImg[iA+2] && !bD[iA+2]){ oImg[iA+2] = new Image(); oImg[iA+2].src = aImg[iA+2]; } if (!bD[iA]) { var oUl = document.createElement('ul'); /*oUl.style.position = 'absolute'; oUl.style.top = '0'; oUl.style.left = '0';*/ oUl.style.width = iImgWidth + 'px'; oUl.style.height = iImgHeight + 'px'; var oUlLi = document.createElement('li'); oUlLi.style.right = '0'; oUlLi.style.width = iDivWidth +'px'; oUlLi.style.height = iImgHeight + 'px'; var oLiA = document.createElement('a'); oLiA.href = aLink[iA]; var oLiImg = document.createElement('img'); oLiImg.src = oImg[iA].src; oLiImg.style.marginLeft = -9*iDivWidth + 'px'; oLiA.appendChild(oLiImg); oUlLi.appendChild(oLiA); oUl.appendChild(oUlLi); for (var i=0; i<10; i++) { oUlLi = document.createElement('li'); oUlLi.style.right = i*iDivWidth + 'px'; oUlLi.style.width = 1.5*iDivWidth +'px'; oUlLi.style.height = iImgHeight + 'px'; //oUlLi.style.background = color[i]; oLiA = document.createElement('a'); oLiA.href = aLink[iA]; oLiImg = document.createElement('img'); oLiImg.src = oImg[iA].src; oLiImg.style.marginLeft = -9*iDivWidth + 'px'; oLiA.appendChild(oLiImg); oUlLi.appendChild(oLiA); //oUlLi.appendChild(document.createTextNode(i)); oUl.appendChild(oUlLi); } jsF.appendChild(oUl); bD[iA] = !bD[iA]; } jsF_show(); //document.getElementById('debug').innerText = jsF.innerHTML; } //?????úèY function jsF_show(){ var oUl = jsF.getElementsByTagName('ul'); var oLi = oUl[iA].getElementsByTagName('li'); var oImgs = oUl[iA].getElementsByTagName('img'); oUl[iA].style.zIndex = ++iC; for (var i=1; i<11; i++){ oImgs[i].style.marginLeft = -9*iDivWidth + 'px'; oImgs[i].style.visibility = 'hidden'; } jsF_move(); } //ò??ˉ?úèY function jsF_move(){ var oUl = jsF.getElementsByTagName('ul'); var oLi = oUl[iA].getElementsByTagName('li'); var oImgs = oUl[iA].getElementsByTagName('img'); if (iB++<10) oImgs[iB].style.visibility = 'visible'; for (var i=1; i<oImgs.length; i++) { var iBgpx = parseInt(oImgs[i].style.marginLeft); if (iBgpx<(i+0.5)*iDivWidth-iImgWidth) { var iMovePx = Math.floor((iImgWidth-(i+0.5)*iDivWidth+iBgpx)/15); oImgs[i].style.marginLeft = iBgpx - iMovePx + 'px'; } else { oImgs[i].style.marginLeft = ((i+0.5)*iDivWidth-iImgWidth) + 'px'; } } //document.getElementById('debug').innerText = jsF.innerHTML; if (parseInt(oImgs[10].style.marginLeft)<0.5*iDivWidth) { setTimeout('jsF_move()',speed1); } else { iB = 0; //document.getElementById('debug').innerText = oUl[iA].style.display; iA = ++iA==aImg.length ? 0 : iA; if (bD[iA]) { setTimeout('jsF_show()',speed2); } else { setTimeout('jsF_create()',speed2); } } } //]]> </script> </body> </html>

欧美成人69-欧美成人aaaa免费高清-欧美成人aaa大片-欧美成人xxxx-大杳蕉伊人狼人久久一本线-大又大粗又爽又黄少妇毛片