goTOP
採用獨自開發 RWD Bo-Blog插件 對應電腦版與手機版網頁。一次上架多版本對應、顯示迅速方便。
August 19, 2012
點擊在新視窗中瀏覽此圖片

於head間置放:
<script type="text/javascript" src="{js}/jquery.js"></script>
<script type="text/javascript" src="{js}/ui.core.js"></script>
<script type="text/javascript" src="{js}/jquery.scroll-follow.js"></script>
<script type="text/javascript">
$( document ).ready( function (){
  $('#sideBar').scrollFollow({});
});

//option
$( document ).ready( function () {
  $( '#sideBar' ).scrollFollow( {
    speed: 2000,
    offset: 0,
    killSwitch: 'exampleLink',
    onText: 'Disable Follow',
    offText: 'Enable Follow'
  } );
} );
</script>


※speed: 2000,(速度)
※offset: 0,(top位置)

Requirements (必備零件)
    jQuery (tested with 1.2.6)
    jQuery UI Core (tested with 1.5.2)

Optional (追加零件)
    jQuery Easing Plugin
    jQuery Cookie Plugin

DEMO:
http://blog.apao.idv.tw/sample/ScrollFollow/index.html

出處:
http://kitchen.net-perspective.com/open-source/scroll-follow/
分頁: 1/1 第一頁 1 最後頁 [ 顯示模式: 摘要 | 清單 ]