/*** @著者スーパーシャ * @QQ:770104121 */ このコードは計画せずに書いたので比較的ラフでコメントも付けていません。 主な機能: JavaScript コードと HTML は完全に分離されており、複数のサブ div タグを自由に追加でき、自動的に展開できます。JavaScript コード: コードをコピー コードは次のとおりです: <br>var tag = function(parentTagId, sunTag){ <br>var oldHtml = [] ; <br>var spans=[]; <br>var tagElemment = document.getElementById(parentTagId); <br>for (var i) = 0; i < sunElems .length; i ) { <BR>oldHtml[oldHtml.length] = sunElems[i].style.display = "none"; <BR>var newElem = document .createElement("div"); <BR>newElem.innerHTML = oldHtml[0]; //div を初期化します <BR>tagElemment.appendChild(newElem); = 0; <BR>clearID = setInterval(function(){ <BR>if(index>=1) スパン[index-1].style.border="1px ドット #ccc"; <BR>if(index== sunElems.length-1) インデックス =0; <BR>newElem.innerHTML = oldHtml[index] ; <BR>spans[index-1].style.border="1px ソリッド #666"; >}, 2000); <BR>for (var i = 0; i <oldHtml.length; i ) { <BR>var span = document.createElement("span"); <BR>span.innerHTML = (i 1).toString(); <BR>span.id="span_tab" i; <BR>span.html = oldHtml[i] // 対応する HTML を元の div に保存します <BR>spans[i]=span ; <BR>span.onmouseover = function(){ <BR>if(index>=1) spans[index-1].style.border="1px dotted #ccc"; <br>newElem.innerHTML = this.html ; // 対応する割り当て<br>clearInterval(clearID); <br>span.onmouseout = function(){ <br>index=parseInt(this.innerHTML);スパン[index-1] .style.border="1px ソリッド #666"; <br>clearID = setInterval(function(){ <br>if(index>=1) スパン[インデックス-1].style.border= "1px ドット #ccc" ; <br>if(index==sunElems.length-1) インデックス = 0; <br>newElem.innerHTML = インデックス <br> ].style.border= "1px ソリッド #666"; <br>} <br>tagElemment.appendChild(span); <br>span = null; [0].style.border="1px Solid #666"; //スパンを初期化します <br>} <br>tag("tag", "div"); function<br>} <br> <br>border: 1px ソリッド <br>float; ; <br>} # タグスパン { <br>border: 1px dotted #ccc; <br>padding: 1px 6px; <br>} #tagスパン:ホバー { <br>背景: #ccc; <br>ボーダー: 1px ソリッド <br>} <br> HTML コード: コードをコピーします コードは次のとおりです。 ; ; タグデモ 4、 .
