|
|
* @author Supersha
* @QQ:770104121
*/
由于在沒有規劃好的情況下寫的這個代碼，寫的比較粗糙，也沒有添加注釋。
主要特點：JavaScript代碼和HTML完全分離；可以隨意添加多個子div標簽，自動擴展
JavaScript代碼：
復制代碼 代碼如下:
<script type="text/Javascript">
var tag = function(parentTagId, sunTag){
var oldHtml = [];
var spans=[];
var tagElemment = document.getElementById(parentTagId);
var sunElems = tagElemment.getElementsByTagName(sunTag);
for (var i = 0; i < sunElems.length; i++) {
oldHtml[oldHtml.length] = sunElems[i].innerHTML;
sunElems[i].style.display = "none";
}
var newElem = document.createElement("div");
newElem.innerHTML = oldHtml[0]; //初始化div
tagElemment.appendChild(newElem);
var clearID = 0, index = 0;
clearID = setInterval(function(){
if(index>=1) spans[index-1].style.border="1px dotted #ccc";
if(index==sunElems.length-1) index=0;
newElem.innerHTML = oldHtml[index];
index++;
spans[index-1].style.border="1px solid #666";
}, 2000);
for (var i = 0; i < oldHtml.length; i++) {
var span = document.createElement("span");
span.innerHTML = (i + 1).toString();
span.id="span_tab"+i;
span.html = oldHtml[i]; //存 主站蜘蛛池模板： 久久亚洲影院 | 日本一区午夜爱爱 | 久久综合精品国产一区二区三区 | 最新国产一区二区精品久久 | 波多野结衣在线观看一区二区三区 | 国内精品久久久久久不卡影院 | 久久综合久久综合久久综合 | 欧美综合影院 | www.一区二区三区.com | 一区二区三区视频网站 | 亚洲美女网站 | 日本精品久久久久久久 | 四虎网站最新 | 91精品国产丝袜白色高跟鞋 | 国产精品国产午夜免费福利看 | 亚洲精品午夜aaa级久久久久 | 五月六月丁香 | 色五月情| 亚洲爱婷婷色婷婷五月 | 国产视频二区在线观看 | 国产精品自产拍2021在线观看 | 火辣福利在线观看 | 久久怡红院国产精品 | 亚洲一区高清 | 91视频首页 | 在线亚洲日产一区二区 | 日本一区二区高清免费不卡 | 在线观看日本亚洲一区 | 亚洲首页 | 国产精品video | 国产成人精品实拍在线 | 久久综合九色综合97婷婷女人 | a高清免费毛片久久 | 热久久久久 | 91探花福利精品国产自产在线 | 91激情在线| 久久在精品线影院精品国产 | 亚洲春黄在线观看 | 欧美激情中文字幕一区二区 | 国产成人精品一区二三区在线观看 | 久久99精品国产麻豆 |