在部落格中加入选单(DropdownList)

一直想把一系列长长的选项加入选单(Dropdownlist),以减少空间的使用。只是,一如往常的懒惰,所以直到今天才算是把朋友的部落格,还有自己的其它空间放入选单中。


dropdownlist


虽然javascript可以容易地做到dropdownlist的效果,只是因为在部落格里也许有些局限,也或许是自己不会去应用吧。终于,找到了一个简简单单的dropdownlist.


把以下的code抄去你的部落格就行了。当然,自己要什么选项就自行修改。




<!--BEGIN dropdownlist-->

<script language=
"JavaScript">function selectOption(selObj)
{
window.open(selObj.options[selObj.selectedIndex].value);
}
</script>

<select onchange=
"selectOption(this)" style="background: #ffffff; color: #000000">
<option value=
""/> -- Please select --
<option value=
"http://www.google.com"> Google
<option value=
"http://www.yahoo.com"> Yahoo
<option value=
"http://www.msn.com"> MSN
</select>
<!-- END dropdownlist -->


<select onchange="selectOption(this)"
style="background: #ffffff; color: #000000">
至于这个红字,就是选单背景的颜色以及字体颜色,可自行调色。#ffffff是白色,#000000是黑色。


在选单那里选择自己要去的地方,然后按一下,就会带你到另一个视窗了。
就这样,完成了。
只是,还没更新朋友的部落格呢。。。。 Tongue

8 comments:

  1. 阿梦, 不好意思
    离题一下
    以前, 你好像教:如何做 recent comment
    那篇文章在哪里了?
    找不到

    ReplyDelete
  2. yenjai:
    找到了,在<小小分享>那里:
    http://kaka135.blogspot.com/2007/05/blog-post_4165.html
    ^_^

    ReplyDelete
  3. 阿梦???

    哈哈,真好!
    想我这种不会Programing的,就可以不劳而获了。。

    ReplyDelete
  4. 哈!谢谢KAKA!我这电脑白痴学会了这玩意了!也学以致用放在我的部落.但不会选择颜色..@@"

    ReplyDelete
  5. 谢谢kaka,我也做到了。

    ReplyDelete
  6. 我也来试试看,谢谢你的分享。

    ReplyDelete

Powered by Blogger.

What would you like to search?

LinkWithin

Related Posts with Thumbnails