jQuery implementiert ein dynamisches Schiebemenü, das für blogs_jquery verwendet werden kann

Das Beispiel in diesem Artikel beschreibt, wie jQuery ein dynamisches Schiebemenü implementiert, das für Blogs verwendet werden kann. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Code kopieren Der Code lautet wie folgt:

    Körper {
 Rand:0;
 Polsterung:0;
    }
    #nav li {margin: 0; padding: 0;display: inline;list-style-type: none;font-size: 12px;}
    #nav a:link, #nav a:visited {
    }
    #nav a:hover {color: #fff;  Hintergrund:#FF6A00;}
    #nav a:visited.active, #nav a:link.active {background-color: #fff;color: #FF6A00;}
    .menu {
 Listenstil:none;
 Rand: 0;
 float:right;
    }
    .menu li {
 float:left;
 margin:0 auto;
 Cursor:Zeiger;
 Höhe:30px;
 Polsterung:30px 5px 5px 5px;
 Rand:0px 3px 0px 3px;
 -moz-border-radius: 0px 0px 10px 10px;
 -webkit-border-radius:0px 0px 10px 10px;
 -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
 Farbe: #FFF;
 Textschatten: 0 -1px 1px rgba(0,0,0,0.25);
 Schriftfamilie: „Lucida Grande“,Lucida,Verdana,sans-serif;
 Schriftgröße:13px;
 Schriftstärke:bold;
 text-transform:uppercase;
    }

   
   
       

           
• Über uns

           
• Kontakte

           
• Andere

           
• Produkte

   
• Portfolio

   
• Zeugnisse

       

   

Sie haben die jQuery-Version mit jQuery erstellt.