「javascript 垂直輪播(跑馬燈、vertical carousel)」的迴響 http://blog.hsin.tw/2008/javascript-vertical-carousel/ Sun, 13 Jun 2010 05:16:45 +0000 hourly 1 http://wordpress.org/?v=3.0 由：hsin http://blog.hsin.tw/2008/javascript-vertical-carousel/comment-page-1/#comment-833 hsin Thu, 14 Jan 2010 02:41:08 +0000 http://blog.hsin.tw/?p=83#comment-833 這篇文章的東西要改變轉上轉下好像沒辦法 (或是我比較遜orz) 因為scrollTop的關係 換的時候可能會有跳動、不連續的畫面出現 可能要找其他的方法 至於換方向變成轉上的我已經加在練習頁上了 http://ex.hsin.tw/index.php?type=javascript&act=06 在最下面 有小小更改一點東西 主要是先將scrollTop設為跟scrollHeight一樣 也就是跑到那個容器的最下面(捲軸拉到最下面的意思) 接著的動作就跟原本的差不多 而要把最後一筆加到第一筆 是使用insertBefore 字面上應該可以了解就是 插入到之前的意思 囉 用法是 容器.insertBefore(最後一個node , 第一個node); 這是例子 var s=document.getElementById('ann_box'); s.insertBefore(s.getElementsByTagName('div')[s.getElementsByTagName('div').length-1],s.getElementsByTagName('div')[0]); 這篇文章的東西要改變轉上轉下好像沒辦法 (或是我比較遜orz)
因為scrollTop的關係 換的時候可能會有跳動、不連續的畫面出現
可能要找其他的方法

至於換方向變成轉上的我已經加在練習頁上了
http://ex.hsin.tw/index.php?type=javascript&act=06
在最下面
有小小更改一點東西
主要是先將scrollTop設為跟scrollHeight一樣
也就是跑到那個容器的最下面(捲軸拉到最下面的意思)
接著的動作就跟原本的差不多
而要把最後一筆加到第一筆
是使用insertBefore
字面上應該可以了解就是 插入到之前的意思 囉
用法是
容器.insertBefore(最後一個node , 第一個node);
這是例子
var s=document.getElementById(‘ann_box’);
s.insertBefore(s.getElementsByTagName(‘div’)[s.getElementsByTagName('div').length-1],s.getElementsByTagName(‘div’)[0]);

]]> 由：Pelin http://blog.hsin.tw/2008/javascript-vertical-carousel/comment-page-1/#comment-825 Pelin Tue, 12 Jan 2010 09:01:30 +0000 http://blog.hsin.tw/?p=83#comment-825 請問一下，如果我想要利用按鈕讓資料轉上或轉下，該如何修改~~~ 還有當我轉下時，第一筆資料會加到最後一筆，那如果我要轉上時，該如何把最後一筆資料加到第一筆呢??? 請問一下，如果我想要利用按鈕讓資料轉上或轉下，該如何修改~~~
還有當我轉下時，第一筆資料會加到最後一筆，那如果我要轉上時，該如何把最後一筆資料加到第一筆呢???

]]> 由：hsin http://blog.hsin.tw/2008/javascript-vertical-carousel/comment-page-1/#comment-393 hsin Wed, 12 Aug 2009 02:00:42 +0000 http://blog.hsin.tw/?p=83#comment-393 可以看一下範例頁面 <a href="http://ex.hsin.tw/exp06.php" rel="nofollow">http://ex.hsin.tw/exp06.php</a> 我有加上 當多個的時候要怎麼修改 有兩種方式都可以用 一種是改變html 就是把原本的div高度調高 裡面放多個元素 或是改變js 判斷輪播一次要把幾個元素往後面擺 看一下範例的原始碼應該就可以瞭解囉 可以看一下範例頁面
http://ex.hsin.tw/exp06.php
我有加上 當多個的時候要怎麼修改
有兩種方式都可以用
一種是改變html 就是把原本的div高度調高 裡面放多個元素
或是改變js 判斷輪播一次要把幾個元素往後面擺
看一下範例的原始碼應該就可以瞭解囉

]]> 由：lai http://blog.hsin.tw/2008/javascript-vertical-carousel/comment-page-1/#comment-391 lai Tue, 11 Aug 2009 15:24:46 +0000 http://blog.hsin.tw/?p=83#comment-391 請問這個範例只有一筆一筆可以轉，假如我要一次有5筆資料可以輪流向上轉上去，要怎麼做到呢?謝謝 請問這個範例只有一筆一筆可以轉，假如我要一次有5筆資料可以輪流向上轉上去，要怎麼做到呢?謝謝

]]> 由：hsin http://blog.hsin.tw/2008/javascript-vertical-carousel/comment-page-1/#comment-177 hsin Mon, 15 Jun 2009 08:49:31 +0000 http://blog.hsin.tw/?p=83#comment-177 歐歐~可以幫得上忙我很高興~:D 歐歐~可以幫得上忙我很高興~:D

]]> 由：maomo http://blog.hsin.tw/2008/javascript-vertical-carousel/comment-page-1/#comment-175 maomo Mon, 15 Jun 2009 08:34:19 +0000 http://blog.hsin.tw/?p=83#comment-175 很實用的資訊，解決了我目前的問題 謝謝分享！ 很實用的資訊，解決了我目前的問題
謝謝分享！

]]> 由：Life["Breathing"] » javascript 水平捲動選單 http://blog.hsin.tw/2008/javascript-vertical-carousel/comment-page-1/#comment-20 Life["Breathing"] » javascript 水平捲動選單 Sun, 28 Dec 2008 14:28:55 +0000 http://blog.hsin.tw/?p=83#comment-20 [...] 根據這一篇跟這一篇的原理 可以使用同樣的方法製作水平捲動選單 [...] [...] 根據這一篇跟這一篇的原理 可以使用同樣的方法製作水平捲動選單 [...]

]]> 由：Life["Breathing"] » javascript 垂直捲動選單 http://blog.hsin.tw/2008/javascript-vertical-carousel/comment-page-1/#comment-19 Life["Breathing"] » javascript 垂直捲動選單 Fri, 26 Dec 2008 16:51:23 +0000 http://blog.hsin.tw/?p=83#comment-19 [...] 根據前一篇的原理 可以使用同樣的方法製作捲動選單 [...] [...] 根據前一篇的原理 可以使用同樣的方法製作捲動選單 [...]

]]>