html 測試 上入 下出

html 測試 單入 單出

html 測試 左右 各一 測試

html 測試 左入右出

尾部連結 hbbb(xx)

onload onscroll onresize

2018年2月26日 星期一

將Blogger標籤(分類)變成下拉式選單

將Blogger標籤(分類)變成下拉式選單

本網誌頂部有下拉拉式選單 例子。
先在後台 新增小工具 -> 選安裝 標籤 ,
再在後台 範本 -> 編輯HTML , 搜尋 這 標籤 以下片段:

<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if> (<data:label.count/>)
</li>
</b:loop>
</ul>

將以上內容替換為下列紅字:
<!-- html.ug5g.com -->
<select class='MMselect' id='Blogger' onchange='location=this.options [this.selectedIndex].value;' onmouseout='this.blur()' onmouseover='this.focus()'>
<option style='display:none;' >Blogger</option>
</select>
<script>
<b:loop values='data:labels' var='label'>
var libTT = &quot;<data:label.name/>&quot;.substring(0,7);
if(libTT == &quot;Blogger&quot;){
var x = document.getElementById(&quot;Blogger&quot;);
var option = document.createElement(&quot;option&quot;);
var valueA = document.createElement(&quot;value&quot;);
option.text = &quot;<data:label.name/>&quot;;
option.value = &quot;<data:label.url/>&quot;;
x.add(option);}
</b:loop>
</script>
<!-- html.ug5g.com -->







<!-------------------------other ----------------------------------------->



<!-- html.ug5g.com -->

<select class='MMselect' id='other' onchange='location=this.options [this.selectedIndex].value;' onmouseout='this.blur()' onmouseover='this.focus()'>
<option style='display:none;' >other</option>
</select>
<script>
<b:loop values='data:labels' var='label'>
if(&quot;<data:label.name/>&quot;.indexOf(&#39;管理員&#39;) == -1){
if(&quot;<data:label.name/>&quot;.indexOf(&#39;Blogger&#39;) == -1){
if(&quot;<data:label.name/>&quot;.indexOf(&#39;jquery&#39;) == -1){
if(&quot;<data:label.name/>&quot;.indexOf(&#39;get&#39;) == -1){

var x = document.getElementById(&quot;other&quot;);
var option = document.createElement(&#39;option&#39;);
var valueA = document.createElement(&#39;value&#39;);
var nnss = &#39;<data:label.name/>&#39;;
option.text = nnss ;
option.value = &#39;<data:label.url/>&#39;;
x.add(option);
}}}}
</b:loop>
</script>
<!-- html.ug5g.com -->


<!------------------------------------------------------------------>



<style type='text/css'>

. MMselect option:hover {font-style: italic; font-weight:bold; color:White;background-color:Gray;}

. MMselect {padding:15;}

. MMselect optgroup { font-size:1px;}

. MMselect option {padding-top: 5px; }


</style>




<!----------頁面向下關閉標籤----------------------->

沒有留言:

張貼留言