dropdown open at mouseover

22 Jul

in this article you can select or redirect link just mouse over on dropdown list ( selection dropdown)


<html xmlns=””&gt;

<head runat=”server”>


<style type=”text/css”>







margin: 0 0 0 40px;

padding: 0;




margin: 0;

padding: 0;

z-index: 30;


#sddm li


float: left;

font: bold 12px arial;

list-style: none outside none;

margin: 0 0 6px;

padding: 0;


.selectaloan:link, .selectaloan:active, .selectaloan:visited


background: url(“images/ddl-selectaloan.jpg”) no-repeat scroll 0 0 transparent;

color: #000000;

display: block;

font-size: 11px;

font-weight: normal;

height: 17px;

list-style-type: none;

outline: medium none;

padding: 1px 0 0 4px;

text-decoration: none;

width: 167px;


#sddm div


border-bottom: 1px solid #ACADB2;

border-left: 1px solid #ACADB2;

border-right: 1px solid #ACADB2;

margin: 0;

padding: 0;

position: absolute;

visibility: hidden;

width: 165px;


#sddm div a

{      position: relative;

display: block;

margin: 0;

padding: 1px 4px;

width: auto;

white-space: nowrap;

text-align: left;

text-decoration: none;

color: #000;


font: 11px arial}


#sddm div a:hover

{      background: #3399FF;

color: #FFF}


<script type=”text/javascript”>


var timeout = 100;

var closetimer = 0;

var ddmenuitem = 0;

function mopen(id) {


if (ddmenuitem) = ‘hidden’;

ddmenuitem = document.getElementById(id); = ‘visible’;


function mclose() {

if (ddmenuitem) = ‘hidden’;


function mclosetime() {

closetimer = window.setTimeout(mclose, timeout);


function mcancelclosetime() {

if (closetimer) {


closetimer = null;



//document.onclick = mclose;

// –>




<form id=”form1″ runat=”server”>

<div id=”appcenter”>

How do I access my Website?<ul  id=”sddm”>

<li><a onmouseover=”mopen(‘m1’)” onmouseout=”mclosetime()” href=”#”></a><div style=”visibility: hidden; z-index: 9999;” id=”m1″ onmouseover=”mcancelclosetime()”


<a href=”#”></a><a href=”#”></a><a href=”#”></a><a href=”#”>www.geo.tu/urdu</a><a href=”#”></a><a









ddl-selectaloan.jpg Image



Leave a comment

Posted by on July 22, 2011 in Java Script


Tags: , ,

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: