|
|
Line 1: |
Line 1: |
| <html> | | <html> |
| + | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
| + | <html lang="en"> |
| <head> | | <head> |
- | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
| + | <title>Nivo Slider Demo</title> |
- | <title>Smooth Animated jQuery Menu</title> | + | <link rel="stylesheet" href="http://www.bustack.com/wiki/nivo/themes/default/default.css" type="text/css" media="screen" /> |
- | <link rel="stylesheet" href="http://buildinternet.com/live/smoothmenu/animated-menu.css"/>
| + | <link rel="stylesheet" href="http://www.bustack.com/wiki/nivo/nivo-slider.css" type="text/css" media="screen" /> |
- | <script src="http://jqueryjs.googlecode.com/files/jquery-1.3.js" type="text/javascript"></script>
| + | <link rel="stylesheet" href="http://www.bustack.com/wiki/nivo/demo/style.css" type="text/css" media="screen" /> |
- | <script src="http://buildinternet.com/live/smoothmenu/js/jquery.easing.1.3.js" type="text/javascript"></script>
| + | </head> |
- | <!--
| + | <body> |
- | <script>
| + | |
- | $(document).ready(function(){
| + | |
- |
| + | |
- | //Fix Errors - http://www.learningjquery.com/2009/01/quick-tip-prevent-animation-queue-buildup/
| + | |
- |
| + | |
- | //Remove outline from links
| + | |
- | $("a").click(function(){
| + | |
- | $(this).blur();
| + | |
- | });
| + | |
- |
| + | |
- | //When mouse rolls over
| + | |
- | $("li").mouseover(function(){
| + | |
- | $(this).stop().animate({height:'150px'},{queue:false, duration:600, easing: 'easeOutBounce'})
| + | |
- | });
| + | |
- |
| + | |
- | //When mouse is removed
| + | |
- | $("li").mouseout(function(){
| + | |
- | $(this).stop().animate({height:'50px'},{queue:false, duration:600, easing: 'easeOutBounce'})
| + | |
- | });
| + | |
- |
| + | |
- | });
| + | |
- | | + | |
- | -->
| + | |
- | </script>
| + | |
- | <link rel="stylesheet" type="text/css" media="screen" href="http://www.bustack.com/wiki/css/coda-slider.css">
| + | |
- | <link rel="stylesheet" href="http://www.bustack.com/wiki/nivo/themes/default/default.css" type="text/css" media="screen" /> | + | |
- | <link rel="stylesheet" href="http://www.bustack.com/wiki/nivo/nivo-slider.css" type="text/css" media="screen" /> | + | |
- | <link rel="stylesheet" href="http://www.bustack.com/wiki/nivo/demo/style.css" type="text/css" media="screen" /> | + | |
- | | + | |
- | </script>
| + | |
- | <script language="JavaScript" type="text/JavaScript">
| + | |
- | | + | |
- | function MM_reloadPage(init) { //reloads the window if Nav4 resized
| + | |
- | if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
| + | |
- | document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
| + | |
- | else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
| + | |
- | }
| + | |
- | MM_reloadPage(true);
| + | |
- | | + | |
- | </script>
| + | |
- | <script type="text/javascript" src="http://www.bustack.com/wiki/nivo/demo/scripts/jquery-1.7.1.min.js"></script>
| + | |
- | <script type="text/javascript" src="http://www.bustack.com/wiki/nivo/jquery.nivo.slider.js"></script>
| + | |
- |
| + | |
- | </head> | + | |
- | <style type="text/css">
| + | |
- |
| + | |
- | h1{margin:100px;}#top-section {height: 20px;border-left: none;border-right: none;}
| + | |
- | #siteSub {display:none;}
| + | |
- | #search-controls {display:none;}
| + | |
- | .firstHeading {display:none;}
| + | |
- | #search-controls {margin-top:0px;}
| + | |
- | #footer-box {display:none;}
| + | |
- | #contentSub {display:none;}
| + | |
- | #siteSub {display:none;}
| + | |
- | #search-controls {display:none;}
| + | |
- | .firstHeading {display:none;}
| + | |
- | #search-controls {margin-top:0px;}
| + | |
- | #footer-box {display:none;}
| + | |
- | #top-section {height: 20px;border-left: none;border-right: none;}
| + | |
- | .left-menu {margin-top:-12px;
| + | |
- | }.right-menu {margin-top:-12px;}
| + | |
- | .left-menu ul {border: none;}
| + | |
- | #menubar li a { color:#8C8984; background-color:transparent;}
| + | |
- | #menubar ul { color:transparent; background-color:transparent;}
| + | |
- | #menubar { background-color:transparent; font-size:85%; line-height:1em; position:absolute; top:10px; white-space:nowrap; width:50%; z-index:5; height:20px; overflow:hidden}
| + | |
- | .left-menu { left:0; padding-left: 0px;}
| + | |
- | .right-menu { right:0; }
| + | |
- | .firstHeading { display:none; }
| + | |
- | #menubar{color: #transparent;}
| + | |
- | #menubar.right-menu {margin-top:-12px;}
| + | |
- | .right-menu ul {border: none;}
| + | |
- | #menubar{top:15px;z-index:25;}
| + | |
- | #menubar { background-color:f5f6f7; font-size:85%; line-height:1em; position:absolute; top:10px; white-space:nowrap; width:50%; z-index:5; height:20px; overflow:hidden}img[src*="/wiki/skins/common/images/wiki.png"]{ width:0; height:60px; padding-right:975px; background:#transparent;}
| + | |
- | #p-logo a{color:#transparent;}
| + | |
- | #catlinks { height: 0px; overflow: hidden; display: none; border: }
| + | |
- | | + | |
- | body{
| + | |
- | font-family:"Gill Sans MT", Helvetica;
| + | |
- | font-size: 12px;
| + | |
- | background:#F3F3F3;
| + | |
- | color: #FFFFFF;
| + | |
- | background-color: #FFFFFF;
| + | |
- | }
| + | |
- |
| + | |
- | ul{
| + | |
- | margin:0;
| + | |
- | padding:0;
| + | |
- | }
| + | |
- |
| + | |
- | li{
| + | |
- | width:110px;
| + | |
- | height:40px;
| + | |
- | float:left;
| + | |
- | color:#191919;
| + | |
- | text-align:center;
| + | |
- | overflow:hidden;
| + | |
- | }
| + | |
- |
| + | |
- | a{
| + | |
- | color:#FFF;
| + | |
- | text-decoration:none;
| + | |
- | font-family: Gill Sans MT, Helvetica;
| + | |
- | font-size: 18px;
| + | |
- | }
| + | |
- |
| + | |
- | p{
| + | |
- | padding:0px 5px;
| + | |
- | }
| + | |
- |
| + | |
- |
| + | |
- | | + | |
- | /*Menu Color Classes*/
| + | |
- | | + | |
- | .green{
| + | |
- | background:#6AA63B;
| + | |
- | color: #FFFFFF;
| + | |
- | font-size: 18px;
| + | |
- | }
| + | |
- | .yellow{
| + | |
- | background:#FBC700;
| + | |
- | color: #FFFFFF;
| + | |
- | font-size: 18px;
| + | |
- | }
| + | |
- | .red{
| + | |
- | background:#D52100;
| + | |
- | color: #FFFFFF;
| + | |
- | font-size: 18px;
| + | |
- | }
| + | |
- | .purple{
| + | |
- | background:#5122B4;
| + | |
- | color: #FFFFFF;
| + | |
- | font-size: 18px;
| + | |
- | }
| + | |
- | .blue{
| + | |
- | background:#0292C0;
| + | |
- | color: #FFFFFF;
| + | |
- | font-size: 18px;
| + | |
- | }
| + | |
- | .pink{
| + | |
- | background: #000000;
| + | |
- | color: #FFFFFF;
| + | |
- | font-size: 18px;
| + | |
- | }
| + | |
- | .style2 {
| + | |
- | font-size: 16px;
| + | |
- | color: #FFFFFF;
| + | |
- | }
| + | |
- | a:link {
| + | |
- | text-decoration: none;
| + | |
- | }
| + | |
- | a:visited {
| + | |
- | text-decoration: none;
| + | |
- | color: #FFFFFF;
| + | |
- | }
| + | |
- | a:hover {
| + | |
- | text-decoration: none;
| + | |
- | color: #FFFFFF;
| + | |
- | }
| + | |
- | a:active {
| + | |
- | text-decoration: none;
| + | |
- | color: #FFFFFF;
| + | |
- | }
| + | |
- | .style3 {color: #000000}
| + | |
- | height: 74px;
| + | |
- | width: 74px;
| + | |
- | }
| + | |
- | .style8 {font-size: 18px}
| + | |
- | .style11 {font-size: 36px}
| + | |
- | </style>
| + | |
- | </head>
| + | |
- | <body>
| + | |
- | <div id="Layer2" style="position:absolute; left:-2px; top:0px; width:1000px; height:900px; z-index:2">
| + | |
- |
| + | |
- |
| + | |
- |
| + | |
- |
| + | |
| <div class="slider-wrapper theme-default"> | | <div class="slider-wrapper theme-default"> |
| <div id="slider" class="nivoSlider"> | | <div id="slider" class="nivoSlider"> |
Line 198: |
Line 25: |
| | | |
| </div> | | </div> |
- | <script type="text/javascript">
| + | <script type="text/javascript" src="http://www.bustack.com/wiki/nivo/demo/scripts/jquery-1.7.1.min.js"></script> |
| + | <script type="text/javascript" src="http://www.bustack.com/wiki/nivo/jquery.nivo.slider.js"></script> |
| + | <script type="text/javascript"> |
| + | $(document).ready(function() { |
| | | |
| $(window).load(function() { | | $(window).load(function() { |
Line 204: |
Line 34: |
| }); | | }); |
| </script> | | </script> |
- | </body> | + | </body> |
| </html> | | </html> |