Time of Update: 2017-01-19
本文執行個體分析了Jquery中offset()和position()的區別。分享給大家供大家參考。具體分析如下:一、Jquery中offset()擷取匹配元素在當前視口的相對位移。 總是計算相對於文檔的位置,無論元素的父元素或祖先元素的position屬性是什麼。返回的對象包含兩個整形屬性:top 和 left。此方法只對可見元素有效。 例如:<!DOCTYPE html> <html> <head> <style> p {
Time of Update: 2017-01-19
upload... 上傳 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行] 1、在比較舊的瀏覽器中(比如IE9及以下,不支援 fileAPI,不支援 XMLHttprequest level2 只能用表單post檔案)上傳圖片時,只能使用 表單 post,處於安全上的考慮,input[type="file"] 的檔案選擇按鈕樣式並不能隨意修改(不過可以修改input 的透明度),可能會跟設計師的設計格格不入,這時可以使用透明效果來自訂上傳按鈕。
Time of Update: 2017-01-19
最新的支援IE、firefox、chrome有提示資訊的代碼:<script type="text/javascript">//設為首頁 www.jb51.netfunction SetHome(obj,url){ try{ obj.style.behavior='url(#default#homepage)'; obj.setHomePage(url); }catch(e){ if(window.netscape){ try{
Time of Update: 2017-01-19
複製代碼 代碼如下: <script type="text/javascript"> var _gaq = _gaq || []; //如果變數 _gaq 存在,就等於他自己,否則為一個空數組 _gaq.push(['_setAccount', 'UA-24479793-2']); //是個2維數組 _gaq[0] = array(0=>'_setAccount', 1=>'UA-24479793-2');(設定本跟蹤代碼所對應的Google帳戶) _gaq.push([
Time of Update: 2017-01-19
文中圖片地址已經失效,但代碼功能都存在,大家注意替換下 執行個體索引 222× 關閉 >>點擊瀏覽 1 2 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
Time of Update: 2017-01-19
複製代碼 代碼如下:<!DOCTYPE HTML><html lang="en-US"><head> <meta charset="UTF-8"> <title>無縫滾動——上下</title> <style type="text/css">
Time of Update: 2017-01-19
頁面中有個iframe:複製代碼 代碼如下: <iframe src='a.html'></iframe><button>測試IFRAME泄露</button>其中a.html內容如下:複製代碼 代碼如下:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title>&
Time of Update: 2017-01-19
對jQuery相信很多同學和我一樣平時都是拿來主義,沒辦法,要怪只能怪jQuery太火了,各種外掛程式基本能滿足平時的要求。但是這畢竟不是長久之道,古人云:“授之以魚,不如授之以漁”。為了方便之前沒有接觸的同學,先來回顧一下jQuery的外掛程式機制吧。複製代碼 代碼如下://添加check和uncheck外掛程式jQuery.fn.extend({ check: function() { return this.each(function() {
Time of Update: 2017-01-19
複製代碼 代碼如下: <!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 http-equiv="Content-Type"
Time of Update: 2017-01-19
本文執行個體講述了使用jQueryMobile實現滑動翻頁效果的方法。分享給大家供大家參考。具體分析如下:jQuery Mobile是jQuery 在手機上和平板裝置上的版本。jQuery Mobile
Time of Update: 2017-01-19
使用jquery的submit()函數提交form表單時,總是無法提交表單。這個問題太詭異了,是因為form中提交表單的input的name屬性為submit,把name改成其他的名稱,就可以使用了。表單可以提交之後,又出現了新的問題。由於基於dz開發,表單提交之後使用submitcheck()這個函數來檢查表單是否提交,由jquery提交上來的表單始終無法驗證通過。最後採用類比點擊提交按鈕的方法來實現。複製代碼 代碼如下:<!-- lang: js
Time of Update: 2017-01-19
本文執行個體講述了jquery實現增加刪除行的方法。分享給大家供大家參考。具體分析如下:最近做一個投票管理的模組,需要添加問題選項,為了方便,就簡單地實現了表格行的添加、刪除。註:需引入jquery.js先上效果圖:(form中預設有4行)表單代碼:複製代碼 代碼如下:<div class="oz-form-fields" style="width:450px;padding-top: 5px"> <table
Time of Update: 2017-01-19
這段時間在學習研究jQuery源碼,受益於jQuery日益發展強大,研究jQuery的大牛越來越多,學習的資料也比前兩年好找了,有很多非常不錯的資源,如高雲的jQuery1.6.1源碼分析系列。這些教程非常細緻的分析了jQuery內部原理和實現方式,對學習和理解jQuery有非常大的協助。但是個人認為很多教程對jQuery的整體結果把握不足,本人試圖從整體來闡述一下jQuery的內部實現。大家知道,調用jQuery有兩種方式,一種是進階的實現,通過傳遞一個參數實現DOM選擇,如通過$(“h1″)
Time of Update: 2017-01-19
其中拖拽刮塗層效果使用jquery UI的draggable方法以下是原始碼:複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html
Time of Update: 2017-01-19
回呼函數必須是全域函數或者靜態函數,不可定義為某個特定的類的成員函數callback函數在當前動畫100%完成之後執行複製代碼 代碼如下:$("p").hide(1000);alert("the paragraph is now hidden");<!--未使用回呼函數,段落未完全隱藏時就彈出資訊-->$("p").hide(1000,function(){alert("the paragraph is now
Time of Update: 2017-01-19
本文執行個體講述了jQuery搜尋子項目的方法。分享給大家供大家參考。具體分析如下:1. children()方法用於擷取一個包含匹配的元素集合中每一個元素的所有子項目的元素集合,文法格式如下:複製代碼 代碼如下:children([selector])$("#menu_ul").children().css("color", "blue");2. find()方法用於從每個匹配元素中尋找符合指定選取器運算式的後代元素,格式如下:複製代碼 代碼如下:find([selector])$("ul")
Time of Update: 2017-01-19
在HTML文檔中,每個元素總是處於DOM節點樹上的某個位置,文檔階層中元素之間總是存在於某種層級關係,如父級和子級的關係等。1. 子項目選取器用於尋找在給定的父元素下尋找 這個父元素下的所有子項目,文法格式:複製代碼 代碼如下:$("parent->chilid");2. 後代元素選取器用於在給定的祖先元素下匹配所有的後代元素,文法格式:複製代碼 代碼如下:$("ancestor descendant");3.
Time of Update: 2017-01-19
1.首先引入 easyui的 css 和 js 檔案2.前台 需要寫的js複製代碼 代碼如下://來源資料function Async(action,args,callback){ $.ajax({ url: action , type:"POST", dataType:"json", timeout: 10000, data: args, success:
Time of Update: 2017-01-19
最近項目用上了jquery.mobile這貨,在手機上做點簡單的顯示。之前只知道有這個架構,沒把玩過。特別是事件綁定方面,相比案頭系統下瀏覽器用著各種不爽,不得要領。如下圖,在做後台系統時,一般左側都是一個個模組及下屬功能表項目,可展開摺疊。我的問題卡在了累計評價這塊,為了頁面複用,累計評價中嵌套了iframe做評論顯示。第一檻有過移動WEB開發的同學應該知道,IOS瀏覽器下iframe中內容過多時,捲軸時不會出現的,內容好像被截斷了。查資料最終搞定,手機屏畢竟小,評論多的時候不可能像電腦瀏覽器
Time of Update: 2017-01-19
本文執行個體講述了jquery實現上下左右滑動的方法。分享給大家供大家參考。具體實現方法如下:複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html