2010-12-11 6 views
2

J'ai utilisé le fisheye jquery « interface.js » Je veux faire faire 3 élément avec id="default" devrait être par défaut spectacle comme la souris sur l'effet, S'il vous plaît aidez-moi merci à l'avanceHTML, le menu Jquery Fisheye

HTML

<div class="dock" id="dock1"> 
    <div class="dock-container2"> 
     <a class="dock-item2" href="#" ><span>E-Mail</span><img src="images/ui/img1.png" alt="home" width="40"/></a> 
     <a class="dock-item2" href="#"><span>Contact</span><img src="images/ui/img2.png" alt="contact" width="50" /></a> 
     <a class="dock-item2" href="#" id="default"><span>Car</span><img src="images/ui/img3.png" alt="portfolio" width="60"/></a> 
     <a class="dock-item2" href="#"><span>Home</span><img src="images/ui/img4.png" alt="music" width="70" /></a> 
     <a class="dock-item2" href="#"><span>Air Line</span><img src="images/ui/img5.png" alt="video" width="80" /></a> 
     <a class="dock-item2" href="#"><span>Train</span><img src="images/ui/img6.png" alt="history" width="70"/></a> 
     <a class="dock-item2" href="#"><span>Hotel</span><img src="images/ui/img7.png" alt="calendar" width="60"/></a> 
     <a class="dock-item2" href="#"><span>Links</span><img src="images/ui/img8.png" alt="links" width="50"/></a> 
     <a class="dock-item2" href="#"><span>Call Us</span><img src="images/ui/img9.png" alt="rss" width="40" /></a> 
    </div> 
</div> 

Script

$(document).ready(function() { 
    $('#dock1').Fisheye({ 
     maxWidth: 60, 
     items: 'a', 
     itemsText: 'span', 
     container: '.dock-container2', 
     itemWidth: 40, 
     proximity: 80, 
     alignment: 'left', 
     valign: 'top', 
     halign: 'center' 
    }); 
    $("#pagecontent").slider(); 
}); 

Répondre

-1

Essayez quelque chose comme ceci:

$(".dock-container2:nth-child(3)").attr("id", "default") 
+0

S'il vous plaît pensez à modifier votre réponse à inclure une explication de la façon dont votre code résout le problème à portée de main. – Matt