JQuery程式碼
/* 新視窗開啟連結：JQuery filter attr
* 禁止滑鼠彈出右鍵選單：DOM contextmenu
* 回到頁面頂端：DOM scrollTo
* 動態更換頁字體大小： Css html.css parseFloat
*/
//確定DOM載入完成
$(document).ready(function () {
/* 連結的href屬性以http開頭連結*的都在新視窗中開啟* /
// ^ 過濾器，屬性：以特定字串開始
$("a[href ^='http']").attr("target", "_blank");
/* 禁止滑鼠/
//DOM的contextmenu是滑鼠右鍵選單
$(document).bind("contextmenu", function (e) {
alert((" right-cing!" 也就是說右鍵選單不出來
return false;
});
/* 回到頁頂端*/
//id="top$" 的元素的 返回頁頂端*/
//id="top$" 的元素的function () {
//回到頁頂端
$(document).scrollTo(0, 500);
});
* href的值換掉了link標籤的href屬性值
$("a.cssSwap").click(function(){
$("link[rel=stylesheet]").attr("href",$(this) .attr("rel"));
});
/* 頁面字體大小的放大、縮小、還原*/
//取得字體大小，並在html標記下定義了font-size
//獲取字體大小，並在html標記下定義了font-size
Font Font. ("html").css("font-size");
//恢復預設字體大小
$(".resetFont").click(function () {
$("html").css("html").css("html").css("html"). size", originalFontSize);
//javaScript不向下執行
return false;
});ase
的click(function () {
//取得目前字體大小後綴px,pt,pc
var currentFontSize = $("html").css("font-size");
類型去除字尾
var currentFontSizeNumber = parseFloat(currentFontSize);
//新定義的字型大小
重寫樣式表
$("html").css("font-size" , newFontSize);
//Javascript不向下執行
return false;
});
cre //減小字體， tion () {
//取得目前字體大小後綴px,pt,pc
var currentFontSize = $("html").css("font-size");字尾
var currentFontSizeNumber = parseFloat(currentFontSize);
//重新定義字體大小
表
$("html").css("font-size", newFontSize) ;
//JavaScript不向下執行
return false;
});
});
