Javascript可以使用getElementsById setAttribute來做到跟改html元素屬性方法如下： 範例一 document.getElementsById("images").setAttribute("width", "200");...
jQuery cookie紀錄網頁造訪次數判斷方法
jQuery cookie應用方法 jquery.cookie.js 一個輕量級的cookie 插件，可以讀取、寫入、刪除cookie。 對cookies的操作在當訪問一個網站就無時無刻的都伴隨著我們，記錄著我們的一舉一動，並將不危害用戶隱私的信息，將以保存，這樣用戶就不用去從新再次操作重複的步驟，這樣大大方便了客戶，也增加了客戶對網站的回頭率。 jquery.cookie.js 提供了jquery中非常簡單的操作cookie的方法。 $.cookie('the_cookie'); // 獲得cookie...
jQuery resize不斷取得遊覽器$(window).width()寬度-jQuery目前視窗寬度
jQuery .resize() jQuery $(window).resize 視窗被調整過時，運行此函數，再使用$(window).width()取得目前遊覽器視窗寬度。若要取得的是遊覽器高度可改用$(window).height()。 $(document).ready(function(){ $(window).resize(function() { var wdth=$(window).width(); $(span).text(wdth); }); }); Demo...
jQuery Include HTML：jQuery替代iframe插入Include HTML方法
使用jQuery來達到如iframe、asp include 和 php include 的效果。 而jQuery能做到的比iframe連結另一個網頁html內容來的活用，使用css做樣式變化，也較有彈性。再次比較asp include 和 php include 這樣的方式，無須使用以上asp和php伺服器就能達到你想要的include html。(注意：此方法get()屬於ajax需要在server上執行。) 下列程式變化加入了選單(Menu list)做連結的切換，分別使用jquery...
【jQuery教學】jQuery切換不同CSS樣式style：切換class、切換樣式、轉換不同CSS
使用jQuery 控制CSS變換不同Class樣式，達到同一頁面切換成不同顯示效果。如以下使用圖文模式、圖片模式及文字模式，分別為三種class(.vw_01、.vw_02.、vw_03)做切換。 jQuery $(function(){ // 預設顯示第一個 Tab var _showTab = 0; $('ul.switch-button li').eq(_showTab).addClass('turnon'); $('ul.switch-button li').click(function() { var...
【Youtube API】jQurry控制Youtube 播放器：Youtube API控制、崁入播放程式、jQuery 播放Youtube
在自己的網站上坎入Youtube 播放影片，是一件簡單且輕鬆的事，Youtube提供了完美的平台，迅速且流暢的播放速度，遠比將影片放在自己的主機上方便許多。 然而Youtube提供了API更能讓您使用Youtube坎入影片更有彈性。以下為本人參考了Youtube API 加上簡單的應用jQuery動畫特效所製作出的效果。 功能敘述： 在開啓網頁時影片會自動開啓並播放，按下暫停鍵及影片結束時視窗會隨著縮小隱藏影片並停止播放，再來按下小圖示打開影片繼續播放。...
safari 開啓開發人員選單-safari javascrip除錯、safari檢查元素
Apple的遊覽器Safari，原來也有像其他遊覽器如Chrome firefox檢查網頁元素的功能，只是預設隱藏需要手動去打開。 偏好設定 > 進階 > 在選單中顯示開發人員選單。...
jquery scroll取得 body 捲動高度-windows 高度 javascript,捲軸高度,目前scroll高度
jQuery .scroll() jQuery .scroll() 事件可用於滾動的元素和瀏覽器視窗物件 window。只需將函數綁定到指定元素的scroll事件，當瀏覽者滾動指定的元素時則會觸發捲動 scroll 事件運行指定的 function 函數。 $(function(){ $(window).scroll(function () { var scrollVal = $(this).scrollTop(); $("span.qScrollTop").text(scrollVal); }); });...