- 詳細內容
- 分類: Javascript
- 點擊數: 23195
jQuery .resize()
jQuery $(window).resize 視窗被調整過時,運行此函數,再使用$(window).width()取得目前遊覽器視窗寬度。若要取得的是遊覽器高度可改用$(window).height()。
$(document).ready(function(){
$(window).resize(function() {
var wdth=$(window).width();
$("span").text(wdth);
});
});
- 詳細內容
- 分類: Javascript
- 點擊數: 14294
使用jQuery來達到如iframe、asp include 和 php include 的效果。

而jQuery能做到的比iframe連結另一個網頁html內容來的活用,使用css做樣式變化,也較有彈性。再次比較asp include 和 php include 這樣的方式,無須使用以上asp和php伺服器就能達到你想要的include html。(注意:此方法get()屬於ajax需要在server上執行。)
- 詳細內容
- 分類: Javascript
- 點擊數: 4008
在自己的網站上坎入Youtube 播放影片,是一件簡單且輕鬆的事,Youtube提供了完美的平台,迅速且流暢的播放速度,遠比將影片放在自己的主機上方便許多。
閱讀全文: 【Youtube API】jQurry控制Youtube 播放器:Youtube API控制、崁入播放程式、jQuery 播放Youtube
- 詳細內容
- 分類: Javascript
- 點擊數: 6122
使用jQuery 控制CSS變換不同Class樣式,達到同一頁面切換成不同顯示效果。如以下使用圖文模式、圖片模式及文字模式,分別為三種class(.vw_01、.vw_02.、vw_03)做切換。

- 詳細內容
- 分類: Javascript
- 點擊數: 8606
jQuery .scroll()
jQuery .scroll() 事件可用於滾動的元素和瀏覽器視窗物件 window。只需將函數綁定到指定元素的scroll事件,當瀏覽者滾動指定的元素時則會觸發捲動 scroll 事件運行指定的 function 函數。
$(function(){
$(window).scroll(function () {
var scrollVal = $(this).scrollTop();
$("span.qScrollTop").text(scrollVal);
});
});
閱讀全文: jquery scroll取得 body 捲動高度-windows 高度 javascript,捲軸高度,目前scroll高度