Πως να δημιουργήσετε μόνο με τη χρήση CSS,ένα όμορφο Hover Menu
ΠΑΡΑΔΕΙΓΜΑ :
ΤΟ CSS :
<style type="text/css">
#coolmenu{
border: 1px solid black;
width: 170px;
background-color: #E6E6E6;
}
#coolmenu a{
font: bold 13px Verdana;
padding: 2px;
padding-left: 4px;
display: block;
width: 100%;
color: black;
text-decoration: none;
border-bottom: 1px solid black;
}
html>body #coolmenu a{ /*Non IE rule*/
width: auto;
}
#coolmenu a:hover{
background-color: black;
color: white;
}
</style>
<div id="coolmenu">
<a href="http://www.javascriptkit.com/">JavaScript Kit</a>
<a href="http://www.javascriptkit.com/cutpastejava.shtml">Free JavaScripts</a>
<a href="http://www.javascriptkit.com/jsref/">JavaScript Reference</a>
<a href="http://www.codingforums.com/">Coding Forums</a>
<a href="http://www.dynamicdrive.com/">Dynamic Drive</a>
</div>
Εισάγετε τον κώδικα , όπου εσείς θέλετε να εμφανιστεί το CSS hover menu και είστε έτοιμοι !!!!
Ελπίζω να σας φάνηκε χρήσιμο !!!!!
http://bloggertrics.blogspot.gr/2009/10/css-hover-menu.html
