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

$('#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}) })