Template:Leanna css
From 2010.igem.org
(Difference between revisions)
Line 132: | Line 132: | ||
padding: 100px 20px 40px 20px; | padding: 100px 20px 40px 20px; | ||
z-index: 3; | z-index: 3; | ||
+ | } | ||
+ | |||
+ | #rightMenu{ | ||
+ | height: 200px; | ||
+ | top:224px: | ||
+ | right:20px; | ||
+ | width: 225px; | ||
} | } | ||
Line 236: | Line 243: | ||
- | + | #rightMenu ul { | |
- | + | list-style:none; | |
+ | margin:0; | ||
+ | padding:0; | ||
+ | } | ||
+ | # rightMenu li { | ||
+ | float:left; | ||
+ | width:100px; | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | text-align:center; | ||
+ | } | ||
+ | # rightMenu li a { | ||
+ | display:block; | ||
+ | padding:5px 10px; | ||
+ | height:100%; | ||
+ | color:#FFF; | ||
+ | text-decoration:none; | ||
+ | border-right:1px solid #FFF; | ||
+ | } | ||
+ | #rightMenu li a { | ||
+ | background:url(bg.jpg) repeat 0 0; | ||
+ | } | ||
+ | #rightMenu li a:hover { | ||
+ | background-position:50px 0; | ||
+ | } | ||
Line 362: | Line 393: | ||
</style> | </style> | ||
- | + | <script="text/javascript"> | |
+ | $('#rightMenu a') | ||
+ | .css( {backgroundPosition: "0 0"} ) | ||
+ | .mouseover(function(){ | ||
+ | $(this).stop().animate( | ||
+ | {backgroundPosition:"(0 -250px)"}, | ||
+ | {duration:500}) | ||
+ | }) | ||
+ | .mouseout(function(){ | ||
+ | $(this).stop().animate( | ||
+ | {backgroundPosition:"(0 0)"}, | ||
+ | {duration:500}) | ||
+ | }) | ||
+ | </script> | ||
</head> | </head> | ||
</html> | </html> |
Revision as of 03:37, 9 August 2010