|
|
* @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]; //存 主站蜘蛛池模板： 人口高质量发展论文800字 | 帕罗| 食人鱼电影| 心跳影视| 深海票房| 在线电影免费| 韩国电影《密爱》观看| 缉私群英 电视剧| 烽火流金电视剧免费观看完整版| 生化危机启示录2| 丰崎爱生| 性女贞德| 我的孩子我的家 电视剧剧情介绍| 必修二英语电子课本外研版 | 性欲满载| 国内自拍99| 无懈可击图片| 《金色花》阅读理解答案| 厨神驾到全集免费观看完整版| 最佳李纯信| 福田麻由子| 石灰吟教学设计一等奖优质课| 李乃文电影| 斯科| 绝对权力全集免费观看| 湿身美女| 圣洁四人行| 变形金刚1免费完整版在线观看| 出轨幻想| 抖音下载安装| 被抛弃的青春1982| 风平浪静电影| douyin.com| 中央八套电视剧| 三级女友| 我们的时代 电视剧| 雪中悍刀行第一季演员表| 美国要塞1986| 蓝心妍的电影《极乐宝鉴》免费国语 | 山楂树之恋电影剧情简介| 电影暗夜|