jQuery .resize()

jQuery $(window).resize 視窗被調整過時,運行此函數,再使用$(window).width()取得目前遊覽器視窗寬度。若要取得的是遊覽器高度可改用$(window).height()。

$(document).ready(function(){
    $(window).resize(function() {
        var wdth=$(window).width();
        $("span").text(wdth);
    });
});

Comment

使用jQuery來達到如iframe、asp include 和 php include 的效果
 

jQuery能做到的比iframe連結另一個網頁html內容來的活用,使用css做樣式變化,也較有彈性。再次比較asp includephp include 這樣的方式,無須使用以上asp和php伺服器就能達到你想要的include html。(注意:此方法get()屬於ajax需要在server上執行。)

Comment



在自己的網站上坎入Youtube 播放影片,是一件簡單且輕鬆的事,Youtube提供了完美的平台,迅速且流暢的播放速度,遠比將影片放在自己的主機上方便許多。

Comment

使用jQuery 控制CSS變換不同Class樣式,達到同一頁面切換成不同顯示效果。如以下使用圖文模式圖片模式文字模式,分別為三種class(.vw_01、.vw_02.、vw_03)做切換。
 

jQuery .scroll()

jQuery .scroll() 事件可用於滾動的元素和瀏覽器視窗物件 window。只需將函數綁定到指定元素的scroll事件,當瀏覽者滾動指定的元素時則會觸發捲動 scroll 事件運行指定的 function 函數。

$(function(){
    $(window).scroll(function () {
        var scrollVal = $(this).scrollTop();
        $("span.qScrollTop").text(scrollVal);
    });
});

Comment

Copyright © 2018 ucamc