2020年3月12日 星期四

Blogger小技巧03-側欄下拉式選單


<select style="width:220px" onchange="window.open(this.options[this.selectedIndex].value)">
<option value="" />

<optgroup selected="true" label="常用網頁">
 <option value="http://tw.yahoo.com" />yahoo網頁
 <option value="http://www.google.com" />google網頁
 <option value="https://sites.google.com/view/roats1000" />個人google Site
</optgroup>

<optgroup label="學校網頁">
 <option value="http://www.tljh.cyc.edu.tw/" />大林國中
 <option value="https://tljh-nature.blogspot.com/" />自然領域
</optgroup>

</select>


=====================================================================
<select style="width:220px" onchange="location.href=this.options[this.selectedIndex].value">
<option value="" />

 <optgroup label="部落格網頁">
 <option value="https://roats1000.blogspot.com/" />Home
 <option value="https://roats1000.blogspot.com/2020/02/blog-post.html" />About

<optgroup label="資訊科技">
 <option value="https://roats1000.blogspot.com/search/label/電腦常見問題" />電腦常見問題
 <option value="https://roats1000.blogspot.com/search/label/影片編輯" />影片編輯
 <option value="https://roats1000.blogspot.com/search/label/Blogger" />Blogger相關

</optgroup></optgroup></select>

參考資料來源:飛來飛去的紅蜻蜓 下拉式選單的html語法

沒有留言:

張貼留言

注意:只有此網誌的成員可以留言。