雙擊網頁自動滾屏顯示: 你 我 他:Xuite日誌
  • 文章分類
  • 最新文章
  • piyu
  • .
  • 「注意事項」在網頁上複製下來的語法,未經過純文字處理,是不能直接貼到編輯器上使用的,必須經過純文字處理過方可使用,最好是貼到記事本上,再從記事本裡 複製貼到編輯器上。
  • 參觀人氣統計
  • 2007-07-11 10:32 雙擊網頁自動滾屏顯示
  • ?
  • 程式分享
  • 好文轉寄
  • 平均分數:0 顆星    投票人數:0
    我要評分:
    標籤 : 


    可在此頁面雙擊測試


      當網頁中有長篇文章時,瀏覽起來就比較不方便,一邊忙著拖動滾動條,一邊忙著瀏覽,確實挺累人的。
    為了能夠讓訪客輕鬆的瀏覽,我們可以使用script代碼實現網頁的自動滾屏,當雙擊網頁的時候,網頁將會自動向下滾動,再次單擊時滾動停止。

    在日誌裡,如果要全部網頁使用滾屏,可將 控制碼,貼到自由欄位內既可,
    或只是單長篇文章,才使用滾屏 則用 原始碼編輯,貼在你喜歡貼的地方就可以了。


    一般網頁 將下面的原始碼複製 插入到<body>          </body>之間。

    <script language"javascript">
    var currentpos,timer;
    function initialize()
    {
    timer=setInterval("scrollwindow()",10);
    }
    function sc(){
    clearInterval(timer);
    }
    function scrollwindow()
    {
    currentpos=document.body.scrollTop;
    window.scroll(0,++currentpos);
    if (currentpos != document.body.scrollTop)
    sc();
    }
    document.onmousedown=sc 
    document.ondblclick=initialize
    </script>
     

    記得複製語法後,貼到記事本再使用



    (二)
    隱藏滾動條

    在任何情況下,如果網頁超出顯示範圍,就會出現滾動條。但有時我們並不想讓它顯示,如何隱藏它呢?只需在<body>     </body>之間
    插入代碼:<body style="overflow-x:hidden;overflow-y:hidden">即可。
    其中 x 表示水平滾動條,將其改為 y 的話就可以隱藏垂直滾動條。



    piyu / Xuite日誌 / 回應(8) / 引用(0) / 好文轉寄
  • 回應