RSS

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=”http://www.w3.org/1999/xhtml”&gt;

<head runat=”server”>

<title></title>

<style type=”text/css”>

body

{

background-color:#D5C0D5;

}

#appcenter

{

margin: 0 0 0 40px;

padding: 0;

}

#sddm

{

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;

background:#FFF;

font: 11px arial}

 

#sddm div a:hover

{      background: #3399FF;

color: #FFF}

</style>

<script type=”text/javascript”>

<!–

var timeout = 100;

var closetimer = 0;

var ddmenuitem = 0;

function mopen(id) {

mcancelclosetime();

if (ddmenuitem) ddmenuitem.style.visibility = ‘hidden’;

ddmenuitem = document.getElementById(id);

ddmenuitem.style.visibility = ‘visible’;

}

function mclose() {

if (ddmenuitem) ddmenuitem.style.visibility = ‘hidden’;

}

function mclosetime() {

closetimer = window.setTimeout(mclose, timeout);

}

function mcancelclosetime() {

if (closetimer) {

window.clearTimeout(closetimer);

closetimer = null;

}

}

//document.onclick = mclose;

// –>

</script>

</head>

<body>

<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=”#”>

http://www.google.com</a><div style=”visibility: hidden; z-index: 9999;” id=”m1″ onmouseover=”mcancelclosetime()”

onmouseout=”mclosetime()”>

<a href=”#”>www.yahoo.com</a><a href=”#”>www.hotmail.com</a><a href=”#”>

http://www.wordpress.com</a><a href=”#”>www.geo.tu/urdu</a><a href=”#”>www.youtube.cocm</a><a

href=”#”>www.facebook.com</a></div>

</li>

</ul>

</div>

</form>

</body>

</html>

 

ddl-selectaloan.jpg Image

OutPut

 

Advertisements
 
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:

WordPress.com Logo

You are commenting using your WordPress.com 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 )

Google+ photo

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

Connecting to %s

 
%d bloggers like this: