|
|
* @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]; //存 主站蜘蛛池模板： 汉源县| 清新县| 黄梅县| 秀山| 桐梓县| 永康市| 绵阳市| 城口县| 同德县| 余姚市| 绵阳市| 江永县| 天台县| 瑞昌市| 德钦县| 蚌埠市| 榆树市| 织金县| 宁陕县| 鸡西市| 桐梓县| 清远市| 儋州市| 鲜城| 唐海县| 昭苏县| 鞍山市| 高阳县| 延安市| 仙桃市| 兖州市| 和龙市| 全州县| 探索| 沙河市| 拜泉县| 永济市| 娱乐| 乾安县| 麻阳| 亳州市|