Παρακάτω βλέπετε 100% σε 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 και είστε έτοιμοι !!!!
Ελπίζω να σας φάνηκε χρήσιμο !!!!!
Για οποιαδήποτε ερώτηση αφήστε μου ένα σχόλιο και θα χαρώ να σας βοηθήσω !!


Αναρτήθηκε από
On
Τρίτη, Οκτώβριος 27, 2009




























0 σχόλια:
Ανάρτηση Σχολίου