<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Drop on Hover</title>
<script type="text/javascript">
function DropList() {
var n = document.getElementById("sel").options.length;
document.getElementById("sel").size = n;
}
</script>
</head>
<body>
<div>
<select id="sel" onmouseover="DropList()" onmouseout="this.size=1;">
<option>One</option>
<option>Two</option>
<option>Three</option>
<option>Four</option>
<option>Five</option>
<option>Six</option>
<option>Seven</option>
<option>Eight</option>
</select>
</div>
</body>
</html>
See a Live Demo.
On Mouse Hover
Bookmark this link on del.icio.us (saved by 0 users)
Did you like this post?
|
|
||
|
|
|
|
|
subscribe via rss |
|
subscribe via e-mail |
|
print this post |
|
follow me on twitter |
comments
4 Responses to "Using JavaScript to DropDown an HTML Select on MouseOver"Wow, I hadn't thought about it that way before. Good write up, very clearly written. Have you written previously about Using JavaScript to DropDown an HTML Select on MouseOver? I'd love to read more.
Kinda backwards moving IMO just because the select element can't be easily styled cross browser. What I'm looking for is an elegant way of turning a div into a select box. Any takers?
I've just started using the mega-dropdown menu code from here: http://www.javascriptkit.com/script/script2/jScale/
It lets you drop down a div with any contents just by hovering over something....
It is jQuery-based.
Post a Comment