Difference between revisions of "Team:Pasteur Paris"
Line 4: | Line 4: | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
− | //Hover the | + | //==================================================== |
+ | //Hover the item => Hide front and hide others items | ||
+ | //==================================================== | ||
$('.Item1').hover(function(){ | $('.Item1').hover(function(){ | ||
$('.front').stop().animate({'top' : '-150px'}, 500); | $('.front').stop().animate({'top' : '-150px'}, 500); | ||
$('#desc_item2').stop().animate({'top' : '-150px'}, 0); | $('#desc_item2').stop().animate({'top' : '-150px'}, 0); | ||
+ | }, | ||
+ | $('.Item2').hover(function(){ | ||
+ | $('.front').stop().animate({'top' : '-150px'}, 500); | ||
+ | $('#desc_item1').stop().animate({'top' : '-150px'}, 0); | ||
}, function(){ | }, function(){ | ||
+ | //=================================================== | ||
//Unhover items => show everything | //Unhover items => show everything | ||
+ | //=================================================== | ||
$('.front').stop().animate({'top' : '0px', 'left' : '0px'}, 500); | $('.front').stop().animate({'top' : '0px', 'left' : '0px'}, 500); | ||
$('#desc_item1').stop().animate({'top' : '0px', 'left' : '0px'}, 0); | $('#desc_item1').stop().animate({'top' : '0px', 'left' : '0px'}, 0); |
Revision as of 09:19, 30 July 2015
Item 1
Item 2
Description of the item 1 in construction.
Description of the item 2 in construction.
Description in construction