"
Team:SYSU-Software/template2/album.js
From 2012.igem.org
Nie1234567 (Talk | contribs) (Created page with " $(document).ready(function(){ //To switch directions up/down and left/right just place a "-" in front of the top/left attribute //Caption Sliding (Partially Hidden ...") |
Nie1234567 (Talk | contribs) |
||
| Line 1: | Line 1: | ||
| - | |||
$(document).ready(function(){ | $(document).ready(function(){ | ||
//To switch directions up/down and left/right just place a "-" in front of the top/left attribute | //To switch directions up/down and left/right just place a "-" in front of the top/left attribute | ||
| Line 9: | Line 8: | ||
$(".cover", this).stop().animate({top:'425px'},{queue:false,duration:300}); | $(".cover", this).stop().animate({top:'425px'},{queue:false,duration:300}); | ||
}); | }); | ||
| + | }); | ||
| + | |||
| + | |||
| + | |||
| + | <script type="text/javascript"> | ||
| + | $(document).ready(function(){ | ||
| + | //To switch directions up/down and left/right just place a "-" in front of the top/left attribute | ||
| + | |||
| + | //Horizontal Sliding | ||
| + | $('.boxgrid.slideright').hover(function(){ | ||
| + | $(".cover", this).stop().animate({left:'613px'},{queue:false,duration:300}); | ||
| + | }, function() { | ||
| + | $(".cover", this).stop().animate({left:'0px'},{queue:false,duration:300}); | ||
| + | }); | ||
| + | |||
}); | }); | ||
Revision as of 02:19, 26 September 2012
$(document).ready(function(){ //To switch directions up/down and left/right just place a "-" in front of the top/left attribute
//Caption Sliding (Partially Hidden to Visible) $('.boxgrid.caption').hover(function(){ $(".cover", this).stop().animate({top:'300px'},{queue:false,duration:300}); }, function() { $(".cover", this).stop().animate({top:'425px'},{queue:false,duration:300}); }); });
<script type="text/javascript"> $(document).ready(function(){ //To switch directions up/down and left/right just place a "-" in front of the top/left attribute
//Horizontal Sliding $('.boxgrid.slideright').hover(function(){ $(".cover", this).stop().animate({left:'613px'},{queue:false,duration:300}); }, function() { $(".cover", this).stop().animate({left:'0px'},{queue:false,duration:300}); });
});
