Difference between revisions of "Template:Toronto/CSS"
| Line 247: | Line 247: | ||
<script> | <script> | ||
$(function() { | $(function() { | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
$('#sdt_menu > li').bind('mouseenter',function(){ | $('#sdt_menu > li').bind('mouseenter',function(){ | ||
| + | $('#navBarBackground > ul').bind('mouseenter',function(){ | ||
| + | var $elem = $(this); | ||
| + | <!--BEGIN Animate NavBar Test--> | ||
| + | $elem.stop(true) | ||
| + | $elem.animate({ | ||
| + | 'padding-bottom':'170px' | ||
| + | },100,'easeOutBack') | ||
| + | $elem.find('li > a').animate({'height':'170px'},100,'easeOutBack') | ||
| + | <!--END Animate NavBar Test--> | ||
| + | }).bind('mouseleave',function(){ | ||
| + | var $elem = $(this); | ||
| + | <!--BEGIN Animate NavBar Test ENDER--> | ||
| + | $elem.find('li > a').animate({'height':'85px'},0,'easeOutBack') | ||
| + | $elem.animate({ | ||
| + | 'padding-bottom':'85px' | ||
| + | },100,'easeOutBack') | ||
| + | <!--END Animate NavBar Test ENDER--> | ||
| + | }); | ||
var $elem = $(this); | var $elem = $(this); | ||
<!--BEGIN Animate NavBar Test--> | <!--BEGIN Animate NavBar Test--> | ||
Revision as of 03:57, 3 August 2018
