Time of Update: 2013-10-16
css代碼: 複製代碼 代碼如下: .scroll-up { background: #dcdcdc url('up.png') no-repeat center center; width:48px !important; /*for ff and other standard browser*/ height:48px !important; _width: 58px; /*for IE6 nonstandard box model*/ _height: 58px; position:
Time of Update: 2013-10-16
後面會詳細分析jQuery.event.add/jQuery.event.remove/jQuery.event.trigger。 雖然事件模組代碼很難讀,但其提供的API介面還是很清晰的。如下 1 添加事件(bind/one/live/delegate/hover/toggle) bind 基本的添加事件函數。 one 添加只執行一次的事件函數。 live 事件代理(使用document代理)。 delegate 事件代理(使用指定元素代理)。 hover 類比css的hover。
Time of Update: 2013-10-16
var ie = !-[1,]; 這句代碼在IE9之前曾被稱為世界上最短的IE判定代碼。代碼雖短但確包含了不少javascript基礎知識在裡面。在這個例子中代碼執行時會先調用數組的toString()方法 ,執行[1,].toString()在IE6,7,8中將會得到“1,”。然後運算式就變為!-“1,”。再嘗試把“1,”轉換成數實值型別得到NaN
Time of Update: 2013-10-16
複製代碼 代碼如下: <script src="script/jquery-1.6.1.min.js" type="text/javascript"></script> <script type="text/javascript"> var index = 0; $(document).ready(function () { $.post("Default5.aspx", { name: index }, function (msg) { $("tr:gt(0
Time of Update: 2013-10-16
這兩天需要實現第三層網域名直接url rewrite到網站靜態頁面,如 http://123.456.789.com/ UrlRewrite到http://www.789.com/news/123.html 說到這裡,也許和js跨域訪問沒有半點鐘關係,在腦海裡排列這的問題都是和UrlRewrite相關的。好吧現在URLRewrite一切就緒,直接在瀏覽器地址欄中輸入http://123.456.789.com/ 會發現,這個在地址欄直接通過http://www.789.com/news/123.
Time of Update: 2013-10-16
其中jQuery.browser已經提供了根據UserAgent檢測的瀏覽器資訊。而jQuery.support 使用特性檢測來檢查瀏覽器的功能以及Bug。 和文檔一樣,首先說明一下,這個模組是很底層的代碼,基本不需要在日常開發中使用,但是外掛程式的開發人員更需要。因為外掛程式需要相容各個瀏覽器。首先看一下 support模組提供了哪些瀏覽器特性的檢測,以下結果是在Chrome 13 Dev下看到的結果。根據瀏覽器的不同,這裡的成員可能會有變化。(PS:再次吐槽IE,大部分屬性都是IE比較特別)
Time of Update: 2013-10-16
文法規則如下: $('a[href$="ABC"]')... 支援的選擇方式如下: = 判斷完全相符; != 不相符; ^=以某字串開頭; $=以某字串結尾; *=包含某字串。 進一步,可以通過$('a[href$="ABC"]:first')返回結果集中的第一條記錄 如果需要遍曆結果集: 複製代碼 代碼如下: $('a[href*=/Lists/Booking/DispForm.aspx]').each(function(){ // $(this)… }); 如果要擷取相關屬性可以通過$('
Time of Update: 2013-10-16
在這裡特此聲明,代碼是通過jquery完成。實列代碼我親自寫的,完全可以實現,只要複製過去就可以用,但是必須匯入jquery包。著個方法支援ie與Firefox,絕對好使。我在做的時候在網上找了一些代碼,基本全不支援Firefox。好了,廢話也說了不少了。開始代碼示範。歡迎大家挑錯,與技術指點,謝謝。 複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
Time of Update: 2013-10-16
引用jquery 庫:<script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.jclock.js"></script> 複製代碼 代碼如下: $(function() { $('#demo').jclock(); $('#local').click(function() {
Time of Update: 2013-10-16
啟用條件編譯支援。 @cc_on 備忘 @cc_on 語句啟用指令碼引擎中的條件編譯。 強烈推薦在注釋中使用 @cc_on 語句,以使不支援條件編譯的瀏覽器將您的指令碼視為有效文法而接受它: /*@cc_on*/ // The remainder of the script.或者,在注釋外的一個 @if 或 @set 語句也將啟用條件編譯。 要求 版本 3 請參見 參考 @if...@elif...@else...@end 語句 @set 語句 複製代碼 代碼如下: /*@cc_on @if (
Time of Update: 2013-10-16
首先要擷取Table表格的行數,我是通過後台添加表格的所以我在前台擷取的時候length一下就擷取到了總數賦值例如: 如果我要列印這個表格但不想要操作那列的內容咋辦? 複製代碼 代碼如下: for(var i=0;i<num+1;i++) { $("table tr").eq(i).find("td").eq(0).remove(); } 解釋: num是從後台擷取到的列表總和+1是為了表頭那個也去掉。 第一個eq(i)是擷取Table裡的TR索引
Time of Update: 2013-10-16
編者按:本文是一位20歲的孟買小夥子Shamuil分享的,他是一位自由職業設計師和Blogger。在全球訪問量最高的前1000個網站中,幾乎沒有不用jQuery的。如今jQuery的力量是無限強大。本文將向你展示分享jQuery在表單方面 的強大,包括驗證表單、密碼遮罩表單和評論即時預覽等。所以,不要錯過本文哦,來看看當今jQuery的表單變化趨勢吧。1- jquery Form Validator2- Uniform 3- Autotab 4- jquery Niceforms 5-
Time of Update: 2013-10-16
片素材先: 背景圖片:浮雲圖片: ←——————————這裡是有圖片D~ 全選就能看見了(因為背景是白的,雲也是白的嘛~)…… CSS代碼: 複製代碼 代碼如下: <style type="text/css"> * { margin: 0; padding: 0; } body { background: url("Images/body_bg.jpg") repeat center 0 fixed; } .cloud { background: url("Images/cloud1
Time of Update: 2013-10-16
前些天我們學生線上首頁改版,要做一個工具列,由於版面的限制,原先策劃的很多工具只好安排在一個小地區裡面,具體效果如下:當然,這樣的效果,用html內建的控制項也可以實現。不過自訂的話就可以自己設定滑動條的樣式啦,比如說設為紅色、藍色等,按鈕形狀也可以自己做啦。需要實現的效果是,這些工具一次最多在可見地區顯示9個(這裡假設工具項總數多於9個,不滿9個的話,將來也很有可能擴充到9個),點擊上下的按鈕即可將可見地區內的工具地區上下移動。但是這樣做好後,運營人員給我提意見了:要是移動滑動條就可以實現工具
Time of Update: 2013-10-16
Web開發人員們模仿 Lightbox 開發了各種各樣的圖片瀏覽外掛程式,有基於 jQuery 的,有基於 Prototype 的,也有使用原生 JavaScript 寫的。今天,本文要與大家分享的是30個最佳 jQuery Lightbox 效果外掛程式。1.jQuery LightBox線上樣本2.Lightbox2線上樣本3.FancyBox線上樣本4.LightWindow v2.0線上樣本5.Colorbox Lightbox
Time of Update: 2013-10-16
blockui可以在你發送ajax請求的時候,顯示一個遮罩層禁止使用者對頁面進行操作並顯示提示資訊;或者用來顯示一個登陸視窗,也可用來顯示圖片等。 blockui外掛程式主要使用blockUI和unblockUI兩個方法來控制彈出層的顯示或者隱藏,可以在blockUI方法中指定一些參數,來控制彈出層顯示的內容,大小,位置等。blockUI方法的常用的參數有:message,css,overlayCSS,showOverlay。
Time of Update: 2013-10-16
1、關於頁面元素的引用 通過jquery的$()引用元素包括通過id、class、元素名以及元素的層級關係及dom或者xpath條件等方法,且返回的對象為jquery對象(集合對象),不能直接調用dom定義的方法。 2、jQuery對象與dom對象的轉換 只有jquery對象才能使用jquery定義的方法。注意dom對象和jquery對象是有區別的,調用方法時要注意操作的是dom對象還是 jquery對象。 普通的dom對象一般可以通過$()轉換成jquery對象。
Time of Update: 2013-10-16
個人感覺有兩點是比較方便的:第一,在對WebService做ajax請求的時候,請求的url的寫法是:服務地址/調用的方法名稱,這樣在請求的url中就確定了要調用的方法了,不必再在WebService代碼中去判斷ajax請求調用的是哪個方法了。第二,方法可以返回更多的資料類型,比如對象,泛型集合等;在ajax請求返回後,會自動將這些類型轉換為json對象。而使用ashx的方式的話,需要先將這些類型轉換為json格式的資料才能返回。
Time of Update: 2013-10-16
1,IE6/7/8/9中無事件(如click,mouseover),Firefox/Safari/Chrome/Opera則有。 複製代碼 代碼如下: <select id="s1" multiple="multiple"> <option value="1" onclick="alert(1);">1</option> <option value="2" onclick="alert(2);">2</option>
Time of Update: 2013-10-16
HTML部分代碼: 複製代碼 代碼如下: <ul> <li>滑鼠經過時改變背景色</li> <li>滑鼠經過時改變背景色</li> <li>滑鼠經過時改變背景色</li> <li>滑鼠經過時改變背景色</li> </ul> javascript部分代碼: 當滑鼠經過時,給li添加class="current"類,滑鼠離開時,去除該類,達到改變背景色的目的 複製代碼 代碼如下: