jsGears.com 技術論壇 - AJAX, JavaScript, jQuery, 網站開發, 前端效能優化's Archiver

testingplayer 發表於 2011-9-30 08:16

請問有jquery scroll 的教學?

我是Jquery, css, html 的新人(其他都不會)

我大概想做像:[url]http://juliaariellephotography.com/[/url]
的圖像滾動。

在網找了很多plugin 都給不了我理想的效果。
試過最為接近的:
[url]http://www.smoothdivscroll.com/#download[/url]

但是, 當我放入$('div') .sliderToggle (); 後, 失敗了。
感覺是position的問題。

﹣﹣﹣﹣﹣

所以說, 請問大大有沒有簡單點的方法?

wmh 發表於 2011-9-30 22:09

試試看 jQuery tools 的 scrollable:
[url]http://flowplayer.org/tools/demos/scrollable/index.html[/url]

testingplayer 發表於 2011-9-30 23:10

[i=s] 本帖最後由 testingplayer 於 2011-9-30 23:30 編輯 [/i]

[b]回復 [url=http://jsgears.com/redirect.php?goto=findpost&pid=2830&ptid=1582]2#[/url] [i]wmh[/i] [/b]


    已經試過了。但還是不是我想要。

想了很久,都想不到方法。
如果插入layer 的話,又不想出現scroll bar .
<div class="scrollbar">

.scrollbar
        overflow: auto;
        height: 400px;
        width: 400px;

wmh 發表於 2011-10-7 08:19

[b]回復 [url=http://jsgears.com/redirect.php?goto=findpost&pid=2831&ptid=1582]3#[/url] [i]testingplayer[/i] [/b]

你提供的那個網站就是用 jQuery tools 啊,看他用的語法如下:

[code js]
$("div.scrollable").scrollable({
        keyboardSteps: 1,
        clickable: true,
        keyboard: 'static',
        size: 1,
        loop: true
});
[/code]

頁: [1]

Powered by Discuz! Archiver  © 2001-2009 Comsenz Inc.