|
|
| Line 1: |
Line 1: |
| | __NOTOC__<html lang="en"> | | __NOTOC__<html lang="en"> |
| | <head> | | <head> |
| - |
| |
| - | body {
| |
| - | margin:0;
| |
| - | padding:0;
| |
| - | color: #333;
| |
| - | font: normal 0.6em sans-serif,Arial;
| |
| - | background-color: #EDEDED;
| |
| - | background-image: url(../img/bg1.jpg);
| |
| - | background-repeat: repeat-x;
| |
| - | background-attachment: fixed;
| |
| - | background-position: center top;
| |
| - | width: 100%;
| |
| - | }
| |
| - | </style>
| |
| - | <style type="text/css">
| |
| - | .description {padding-left: 40px;}
| |
| - | h1 {
| |
| - | padding-left: 20px;
| |
| - | font:bold 16px/1.5em "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif;
| |
| - | text-transform:uppercase;
| |
| - | letter-spacing:.0.5em;
| |
| - | padding-top: 5px;
| |
| - | padding-bottom: 10px;
| |
| - | }
| |
| - | </style>
| |
| | | | |
| | | | |
| Line 51: |
Line 26: |
| | | | |
| | <script type="text/javascript"> | | <script type="text/javascript"> |
| - | $(document).ready(function () { | + | $().ready(function() { |
| - | // find the elements to be eased and hook the hover event
| + | $('.jimgMenu ul').kwicks({max: 310, duration: 300, easing: 'easeOutQuad', complete: 'callback'}); |
| - | $('div.jimgMenu ul li a').hover(function() {
| + | }); |
| - | // if the element is currently being animated
| + | |
| - | if ($(this).is(':animated')) {
| + | |
| - | $(this).addClass("active").stop().animate({width: "310px"}, {duration: 450, easing:"easeOutQuad", complete: "callback"});
| + | |
| - | } else {
| + | |
| - | // ease in quickly
| + | |
| - | $(this).addClass("active").stop().animate({width: "310px"}, {duration: 400, easing:"easeOutQuad", complete: "callback"});
| + | |
| - | }
| + | |
| - | }, function () {
| + | |
| - | // on hovering out, ease the element out
| + | |
| - | if ($(this).is(':animated')) {
| + | |
| - | $(this).removeClass("active").stop().animate({width: "78px"}, {duration: 400, easing:"easeInOutQuad", complete: "callback"})
| + | |
| - | } else {
| + | |
| - | // ease out slowly
| + | |
| - | $(this).removeClass("active").stop(':animated').animate({width: "78px"}, {duration: 450, easing:"easeInOutQuad", complete: "callback"});
| + | |
| - | }
| + | |
| - | });
| + | |
| - | }); | + | |
| | </script> | | </script> |
"
