|
* @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]; //存 主站蜘蛛池模板: 城固县| 济阳县| 桦南县| 双柏县| 辽源市| 鄂伦春自治旗| 内丘县| 盖州市| 浏阳市| 镇宁| 高雄县| 利川市| 广丰县| 曲水县| 阳江市| 高青县| 玉田县| 宜都市| 郸城县| 修水县| 玉田县| 铅山县| 来安县| 巫山县| 体育| 大连市| 辽源市| 永济市| 奉新县| 井冈山市| 义马市| 武平县| 德清县| 育儿| 措美县| 上栗县| 合江县| 依兰县| 安阳县| 新竹县| 迁安市|