|
|
* @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]; //存 主站蜘蛛池模板： 数码宝贝第三部| 《一生一世》免费观看完整版 | 一年级数学小报简单又漂亮模板| 伤残等级1-10标准图| 张韶涵个人简历| 最新欧美电影| 东方卫视节目表| 辐射避难所掉脑袋问题答案| 电影《瞬间》| 张念骅| 护理诊断| 我被最想被拥抱的人威胁了| 都市频道节目表今天| 教学评一体化课题研究| 裸体广场舞| 北京宝哥打小混混视频| 户田惠子| 直播浙江卫视| 说木叶原文| 金允石| 超越情感电视剧免费观看全集完整版| 杨镇宁| 小数加减法100道题| 成年人看| 处女巫| 都市频道在线直播观看| 七年级地理课时练电子版 | 房东小姐| deaf dj课文翻译| 德国老太性视频播放| 何国强| 姐妹兄弟演员表| 速度与激情18| 好看电影网站免费看| 维京人电影| 清淮河| 电影四渡赤水| 少年电视剧| 家庭理论电影| 凤凰情 电影| 方言的战争在线观看高清免费完整版|