帶菜單樹的Jquery循環尋呼機？

以前我從別人的帖子中得到了很多幫助，所以我希望你現在能幫助我。帶菜單樹的Jquery循環尋呼機？

我想使用jQuery的週期具有尋呼機功能但（http://malsup.com/jquery/cycle/pager3.html）而是生成縮略圖的鏈接，我想導航是手風琴樹這樣可愛的演示文本鏈接：jquery.bassistance.de /treeview/demo/?1.0

我的主要問題是，尋呼機週期生成的數字，而不是文本作爲鏈接，並重寫我試圖使用圖像標記中的'標題'標記，並更改'返回'在js

<script type="text/javascript"> 
    $(function() { 
    $('#s4').before('<div id="nav" class="nav">').cycle({ 
      fx:  'fade', 
      speed: 'fast', 
      timeout: 0, 
      pager: '#nav', 
      pagerAnchorBuilder: function(idx, slide) { 
      return '<li>' + $(slide).attr('title') + '</li>'; 

      } 
      }); 
     }); 
    </script>

哪些工作 - 但然後讓我沒有能力操縱或麥粒腫le文本鏈接。而且我最好能像上面的鏈接那樣在文本樹中使用nav。

我對JQuery相當陌生，並且僅僅通過討論線程，內容和論壇瞭解了我所知道的知識，但是我真的無法弄清楚如何正確編寫自己的代碼......真令人沮喪！

來源

2009-12-03 user224013

週期文檔建議您使用CSS，如

#nav a { border: 1px solid #ccc; background: #fc0; text-decoration: none; margin: 0 5px; padding: 3px 5px; } 
#nav a.activeSlide { background: #ea0 } 
#nav a:focus { outline: none; }

如果你不希望所有在你的原始css文件，你可以把它與$（「頭」）編寫到HTML中。 append（）或其他東西。或者你可以使用樣式的東西用jQuery的元素，如

$('#nav a').css({ 
    border: '1px solid #ccc', 
    background: '#fc0', 
    text-decoration: 'none', 
    margin: '0 5px', 
    padding: '3px 5px', 
    focus: { outline: 'none' } 
}).filter('.activeSlide').css({ 
    background: '#ea0' 
});

這是未經測試，而「焦點：{...}」部分只是一廂情願的想法。我不知道是否有辦法用jQuery來做到這一點。

來源

2011-01-24 21:56:28

帶菜單樹的Jquery循環尋呼機？

回答

相關問題