Time of Update: 2013-10-22
Jquery是繼prototype之後又一個優秀的Javascrīpt架構。它是輕量級的js庫(壓縮後只有21k) ,它相容CSS3,還相容各種瀏覽器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。jQuery使使用者能更方便地處理HTML
Time of Update: 2013-10-22
原始狀態: 滑鼠經過: 複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta
Time of Update: 2013-10-22
動態構建Regex複製代碼 代碼如下: new RegExp( Expr.match[ type ].source + (/(?![^\[]*\])(?![^\(]*\))/.source) )來自sizzle,動態構建正則時,這樣做避免了字元轉義。更靈活和巧妙的數字補零複製代碼 代碼如下:function prefixInteger(num, length) { return (num / Math.pow(10,
Time of Update: 2013-10-22
複製代碼 代碼如下:function SetIFrameHeight(down) { var Sys = {}; var ua = navigator.userAgent.toLowerCase(); var s; &
Time of Update: 2013-10-22
剛剛開始接觸JQuery的時候,下載來的檔案包括jquery.vsdoc.js, jquery.min.js和jquery.js 對於各個檔案的作用以及該引入哪個包不是很清楚。有時候引入jquery.min.js能夠執行,有時候引入jquery.js也能執行。現在做一下簡單的說明。 兩個檔案的作用是完全一樣的,但從檔案或上來看我們知道jquery.min.js應該是迷你版的意思,也就是檔案會很小。 jquery.vsdoc.js的作用是在visual
Time of Update: 2013-10-22
alert(3) 就這麼段程式,沒有寫在function中,想啊想,怎麼終止js呢 alert(3) return; alert(3) 這麼寫,失敗,return只能終止函數 網上也找不到解決辦法,問朋友吧,一個說不能,一個告訴我試試die alert(3) die; alert(3) 哇塞,我佩服啊,居然成功了 alert(typeof die) 怎麼回事:undefined,未定義,控制台還報錯了 alert(3) jfslk; alert(3)
Time of Update: 2013-10-22
擷取頁面中元素到文檔地區document的橫向、縱向座標的兩種方法及其比較 在js控制元素運動的過程中,對於頁面元素座標位置的擷取是經常用到的,這裡主要總結下兩種方法: 一:通過疊加元素對象和它的offsetParent(如果存在)的offsetLeft/offsetTop屬性來實現
Time of Update: 2013-10-22
複製代碼 代碼如下: <link href="css/jquery.ui.base.css" rel="stylesheet" type="text/css" /> <link href="css/jquery.ui.theme.css" rel="stylesheet" type="text/css" /> <script src="http://maps.google.com/maps/api/js?sensor=false"
Time of Update: 2013-10-22
複製代碼 代碼如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> //在這裡要注意js的引入順序 <link href="css/jquery.ui.base.css" rel="stylesheet" type="text/css" /> <link href="css/jquery.ui.theme.css"
Time of Update: 2013-10-22
一看很明顯是沒有引用指令碼庫,但是指令碼庫確認引用了。 後面,把<script type="text/javascript"
Time of Update: 2013-10-22
首先你要確定你是要禁用全域的還是指定控制項 ,如我只要禁用一個文字框的上下鍵 複製代碼 代碼如下: NoExec = function(event) { var k = event.which || event.keyCode; if (k == 13 || k == 38 || k == 40) { if ($("#atWinByArea").attr("id")) { if (event.which) {//Firefox event.preventDefault(); } else {//
Time of Update: 2013-10-22
for迴圈:複製代碼 代碼如下:for(i=start; i<end; i++) {}while迴圈: (注意, 若條件一直為真, 則會進入死迴圈, 瀏覽器就hang掉)複製代碼 代碼如下:while (condition) { //do something; //change condition;}遞迴:使用for迴圈做substring複製代碼 代碼如下:function
Time of Update: 2013-10-22
眾多周知 CSS3 增加了很多屬性,在讀寫的時候就沒有原先那麼方便了。 如: <div style="left:100px"></div> 只考慮行間樣式的話,只需 div.style.left 就可擷取,設定的時候也只需要 div.style.left='100px' 即可。很簡單。 但是css3來了 如: <div style="-webkit-transform:
Time of Update: 2013-10-22
不用錨點也可以平滑滾動到頁面的指定位置 複製代碼 代碼如下: <!DOCTYPE html> <html > <head> <meta content="text/html; charset=utf-8" /> <title>ScrollTo:平滑滾動到頁面指定位置</title> <link rel="stylesheet" type="text/css" href="../css/main.css" /> &
Time of Update: 2013-10-22
js+html5 canvas實現的塗鴉畫板特效,可調畫筆顏色|粗細|橡皮,可以儲存塗鴉效果為圖片編碼,非常適合學習html5的canvas,必須支援html5的瀏覽器才能看到效果。 複製代碼 代碼如下: <!doctype html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>javascript結合html5
Time of Update: 2013-10-22
複製代碼 代碼如下: <!-- 本文參照了該作者的思路:http://runjs.cn/code/ouvvjqka,jquery代碼系另外編寫 --> <!-- 本文出自:http://blog.csdn.net/liuyanzhi08 --> <!-- 實現思路: CSS:用一個絕對位置的div作為動畫滑塊,改變它的left屬性來呈現動畫效果 javascript:hover()觸發移動滑鼠到導航nav的動作,和移出導航nav的動作(即返回到current導航)
Time of Update: 2013-10-22
複製代碼 代碼如下:<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <script
Time of Update: 2013-10-22
複製代碼 代碼如下: $(function() { $("#left").click(function(){ $(".block").show(); $(".block").animate({ width: "+200px", height: "+200px", fontSize: "1em", borderWidth: 10 }, "slow","swing"); }); $("#right").click(function(){ $(".block").show(); $(".block")
Time of Update: 2013-10-22
使用複製代碼 代碼如下:<script language=javascript>var isNumeric = function(x) { // returns true if x is numeric and false if it is not. var RegExp = /^(-)?(\d*)(\.?)(\d*)$/; return String(x).match(RegExp);}var
Time of Update: 2013-10-22
複製代碼 代碼如下: /* 1、obj相當於window 2、type相當於onload 3、fn相當於匿名函數 */ function addEvent( obj,type,fn ){ var saved = null; // 使用者儲存上一個事件 if( typeof obj[ "on" + type ] == "function" ){ saved = obj[ "on" + type ]; // 使用者儲存上一個事件 }; // 執行事件 obj[ "on" + type ]