|
|
* @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]; //存 主站蜘蛛池模板： 国产成人精品视频 | 综合久久一区二区三区 | 大杳焦伊人久久综合热 | 国产精品特黄一级国产大片 | 成年美女黄的视频网站 | 日本高清不卡二区 | 国模私拍福利一区二区 | 婷婷97| 激情综合色综合久久综合 | 国产乱理论片在线观看理论 | 日本精品一二三区 | 真实国产乱子伦精品免费 | 伊人激情视频 | 国产亚洲精彩视频 | 青青国产成人久久激情91麻豆 | 四虎永久网址在线观看 | 一级做a爰片久久毛片图片 一级做a爰片久久毛片武则天 | 成 人 黄 色 视频播放165 | 国产成人综合视频 | 伊人久久大香线蕉综合高清 | 国产精品久久国产精麻豆99网站 | 国产全部理论片线观看 | 国产婷婷综合在线视频中 | 精品视频免费看 | 日韩理论片在线看免费观看 | 国产精选在线观看 | 手机在线看黄 | 一区二区三区在线观看视频 | 国产成人精品永久免费视频 | 亚洲一区二区综合 | 久久999精品 | 唐人社电亚洲一区二区三区 | 玖玖操 | 国产人成亚洲第一网站在线播放 | 亚洲视频一二三 | 日韩欧美一二三区 | 色呦呦视频 | 99国产小视频| 四虎永久在线精品国产免费 | 一区二区在线免费视频 | 黄色美女视频网站 |