Difference between revisions of "Team:IIT Delhi/home"
| Line 74: | Line 74: | ||
<script> | <script> | ||
| − | $(document).ready(function(){ | + | $(document).ready(function(){ |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
$("#icon1").hover( | $("#icon1").hover( | ||
function(){ | function(){ | ||
| Line 102: | Line 92: | ||
function(){ | function(){ | ||
$(this).css("margin-top","2.5%"); | $(this).css("margin-top","2.5%"); | ||
| − | $(this).css("margin-left"," | + | $(this).css("margin-left","81.5%"); |
$(this).addClass("iconActive"); | $(this).addClass("iconActive"); | ||
}, | }, | ||
| Line 108: | Line 98: | ||
$(this).css("margin-top","4%"); | $(this).css("margin-top","4%"); | ||
$(this).css("margin-left","83%"); | $(this).css("margin-left","83%"); | ||
| + | $(this).removeClass("iconActive"); | ||
| + | } | ||
| + | ); | ||
| + | $("#icon3").hover( | ||
| + | function(){ | ||
| + | $(this).css("margin-top","12.5%"); | ||
| + | $(this).css("margin-left","4.5%"); | ||
| + | $(this).addClass("iconActive"); | ||
| + | }, | ||
| + | function(){ | ||
| + | $(this).css("margin-top","14%"); | ||
| + | $(this).css("margin-left","6%"); | ||
$(this).removeClass("iconActive"); | $(this).removeClass("iconActive"); | ||
} | } | ||
| Line 113: | Line 115: | ||
$("#icon4").hover( | $("#icon4").hover( | ||
function(){ | function(){ | ||
| − | $(this).css("margin-left"," | + | $(this).css("margin-top","12.5%"); |
| + | $(this).css("margin-left","85.5%"); | ||
$(this).addClass("iconActive"); | $(this).addClass("iconActive"); | ||
}, | }, | ||
function(){ | function(){ | ||
| + | $(this).css("margin-top","14%"); | ||
$(this).css("margin-left","87%"); | $(this).css("margin-left","87%"); | ||
| + | $(this).removeClass("iconActive"); | ||
| + | } | ||
| + | ); | ||
| + | |||
| + | $("#icon5").hover( | ||
| + | function(){ | ||
| + | $(this).css("margin-top","23.5%"); | ||
| + | $(this).css("margin-left","4.5%"); | ||
| + | $(this).addClass("iconActive"); | ||
| + | }, | ||
| + | function(){ | ||
| + | $(this).css("margin-top","25%"); | ||
| + | $(this).css("margin-left","6%"); | ||
$(this).removeClass("iconActive"); | $(this).removeClass("iconActive"); | ||
} | } | ||
| Line 123: | Line 140: | ||
$("#icon6").hover( | $("#icon6").hover( | ||
function(){ | function(){ | ||
| − | $(this).css("margin- | + | $(this).css("margin-top","23.5%"); |
| + | $(this).css("margin-left","85%"); | ||
$(this).addClass("iconActive"); | $(this).addClass("iconActive"); | ||
}, | }, | ||
function(){ | function(){ | ||
| + | $(this).css("margin-top","25%"); | ||
$(this).css("margin-left","86.5%"); | $(this).css("margin-left","86.5%"); | ||
| + | $(this).removeClass("iconActive"); | ||
| + | } | ||
| + | ); | ||
| + | |||
| + | $("#icon7").hover( | ||
| + | function(){ | ||
| + | $(this).css("margin-top","34.5%"); | ||
| + | $(this).css("margin-left","8.5%"); | ||
| + | $(this).addClass("iconActive"); | ||
| + | }, | ||
| + | function(){ | ||
| + | $(this).css("margin-top","36%"); | ||
| + | $(this).css("margin-left","10%"); | ||
$(this).removeClass("iconActive"); | $(this).removeClass("iconActive"); | ||
} | } | ||
| Line 133: | Line 165: | ||
$("#icon8").hover( | $("#icon8").hover( | ||
function(){ | function(){ | ||
| − | $(this).css("margin-left"," | + | $(this).css("margin-top","34.5%"); |
| + | $(this).css("margin-left","80.5%"); | ||
$(this).addClass("iconActive"); | $(this).addClass("iconActive"); | ||
}, | }, | ||
function(){ | function(){ | ||
| + | $(this).css("margin-top","36%"); | ||
$(this).css("margin-left","82%"); | $(this).css("margin-left","82%"); | ||
$(this).removeClass("iconActive"); | $(this).removeClass("iconActive"); | ||
Revision as of 18:18, 16 September 2015
