Try my new JavaScript: Customize Dropdown Menu

[temp]

Customize Dropdown Menu is designed to display some choices, as: languages, countries, themes,... but it's differrent from original version in browsers. This tool combine CSS and JavaScript to create a dropdown you can add image to tilte, every choice.

Let's try dropdown below and feel differences.
Tested: IE 7, Opera 9, Firefox 2, Netscape 9

URL: http://www.javascriptbank.com/javasc..._Dropdown_Menu

Code: Select all

<style type=text/css>
/*
	Customize Dropdown Menu 1.0
	Author: Thái Cao Phong
	Website: www.JavaScriptBank.com
	Please keep these comments above to contact author when you use this script. Thank you very much.
	Vietnamese: Xin ban hay giu lai nhung thong tin tren de nguoi khac co the lien he voi tac gia neu ban co 
su dung doan ma nay. Cam on ban rat nhieu.
*/
img
{
	vertical-align: middle;
}
.title_dropdown
{
	padding: 1px;
	background: url(dropdown_arrow.jpg) no-repeat right;
	width: 15px;
	vertical-align: middle;
	border: 1px solid silver;
	width: 180px;
	height: 17px;
	font: 12px verdana bold;
	text-align: left;
	cursor: hand;
}
.content_dropdown
{
	position: relative;
	vertical-align: middle;
	border: 1px solid black;
	width: 180px;
}
.content_dropdown a
{
	text-decoration: none;
	color: black;
}
.content_dropdown p.off
{
	margin: 0px;
	color: black;
	padding: 3px;
	padding-left: 10px;
	cursor: hand;
	text-align: left;
}
.content_dropdown p.on
{
	background-color: #000077;
	color: white;
	margin: 0px;
	padding: 3px;
	padding-left: 10px;
	cursor: hand;
	text-align: left;
}
.content_dropdown img
{
	width: 30px;
	height: 20px;
	border: none;
	margin-right: 5px;
}
</style>/*
		
		    xxxxxxxxxxxxxxx   xxxxxxxxxxx     xxxx
		    xxxxxxxxxxxxxxx  xxxxxxxxxxxxx    xxxx
		    xxxxxxxxxxxxxxx  xxxxxxxxxxxxx    xxxx
		         xxxxx       xxxxxxxxxxxx     xxxx
		         xxxxx       xxxxx			  xxxx
		         xxxxx		 xxxxxxxxxxxx	  xxxx
		         xxxxx		 xxxxxxxxxxxxx	  xxxxxxxxxxx			www.JavaScriptBank.com
		         xxxxx		  xxxxxxxxxxxx	  xxxxxxxxxxxxx
		         xxxxx       		 xxxxx	  xxxx     xxxx
		   xxx   xxxxx		  xxxxxxxxxxxx    xxxx     xxxx
		   xxx  xxxxxx		 xxxxxxxxxxxxx	  xxxx     xxxx
		   xxxxxxxxxx		 xxxxxxxxxxxxx	  xxxxxxxxxxxxx
		    xxxxxxxx		  xxxxxxxxxxx      xxxxxxxxxxx

	Customize Dropdown Menu 1.0
	Author: Thái Cao Phong
	Website: www.JavaScriptBank.com
	Please keep these comments above to contact author when you use this script. Thank you very much.
	Vietnamese: Xin ban hay giu lai nhung thong tin tren de nguoi khac co the lien he voi tac gia neu ban co 
su dung doan ma nay. Cam on ban rat nhieu.
*/

[Ryan Fait]

I think you're moving in the right direction, but I don't think the drop down menu should move content on the page, though. It does so in Safari at least. I'd like to see this with a more browser-ish feel!