Time of Update: 2014-09-02
一個不錯的仿攜程自訂資料下拉選擇select,攜程select這是一個仿攜程自訂的資料下拉選擇select,對一些比較重要的參數進行的描述,方便初學者/* *id : id 當前外掛程式的父元素 *data : json 選擇的資料(json格式) *bool : true/false data資料如果要分離成兩個 值為true *config : 配置data的內部對象(type在bool為true的時候生效) { id : 資料欄位, name : 資料名稱, alias :
Time of Update: 2014-09-02
js便簽筆記(11)——瀏覽TOM大叔部落格的學習筆記 part11. 前言這兩天看了一下TOM大叔的《深入理解js系列》中的基礎部分,根據自己的實際情況,做了讀書筆記,記錄了部分容易絆腳的問題。寫篇文章,供大家分享。 2. 關於HTMLCollection的“即時查詢”var divs = document.getElementsByTagName("div"), i;for
Time of Update: 2014-09-02
Web 開發人員和設計師必讀文章推薦【系列二十九】,web必讀 《Web 前端開發精華文章推薦》2014年第8期(總第29期)和大家見面了。夢想天空部落格關注 前端開發 技術,分享各類能夠提升網站使用者體驗的優秀 jQuery 外掛程式,展示前沿的 HTML5 和 CSS3 技術應用,推薦優秀的 網頁設計 案例,共用精美的設計素材和優秀的 Web
Time of Update: 2014-09-02
Javascript中關鍵參數this淺析 自從接觸javascript以來,對this參數的理解一直是模稜兩可。雖有過深入去理解,但卻也總感覺是那種浮於表面,沒有完全理清頭緒。廢話不多,先看一個板栗: var test = function(){}; test.prototype = { foo:"apple", fun:function(){
Time of Update: 2014-09-02
Javascript讓DEDECMS告別手寫Tag,dedecmstag1。 開啟\dede\templets\album_add.htm檔案, 在頂部head中的js script區增加js方法.function setag(){ var tagg=window.showModalDialog("tags_main.php","tag","dialogWidth=800px;dialogHeight=600px"); if(typeof(tagg) != 'undefined')
Time of Update: 2014-09-02
關閉頁面時window.location事件未執行的原因分析及解決方案,window.location1、問題描述: JS中定義widow.location = function(),頁面關閉時,logout()函數未執行。 window.onunload = function() { logout(); }function logout(reqParam, callback){ var userManageServiceUrl = "http://" +
Time of Update: 2014-09-02
自編jQuery外掛程式實現類比alert和confirm,jqueryalert啥也不說,先,有圖有真相 :)現在絕大多數網站都不用內建的alert和confirm了,因為介面太生硬了。因此這個外掛程式就這樣產生了...來看外掛程式的實現代碼吧:(function () { $.MsgBox = { Alert: function (title, msg) { GenerateHtml("alert", title, msg); btnOk();
Time of Update: 2014-09-02
淺析JQuery中的html(),text(),val()區別,jqueryval1.HTMLhtml():取得第一個匹配元素的html內容。這個函數不能用於XML文檔。但可以用於XHTML文檔html(val):設定每一個匹配元素的html內容。這個函數不能用於XML文檔。但可以用於XHTML文檔。2.TEXTtext():取得所有匹配元素的內容。結果是由所有匹配元素包含的常值內容組合起來的文本。這個方法對HTML和XML文檔都有效。text(val):設定所有匹配元素的常值內容與 html(
Time of Update: 2014-09-02
用js提交表單解決一個頁面有多個提交按鈕的問題,js表單用js提交表單解決一個頁面有多個提交按鈕的問題,主要是判斷是否為提交文本,然後再執行相應的動作,比較簡單。<pre class="javascript" name="code">function check(txt){ $j("form").submit(function(){ if($txt=="提交"){ this.action="doAddMessage.action?button=提交";
Time of Update: 2014-09-02
JQuery $.each遍曆JavaScript數組對象執行個體,jquery.each查看一個簡單的jQuery的例子來遍曆一個JavaScript數組對象。var json = [{"id":"1","tagName":"apple"},{"id":"2","tagName":"orange"},{"id":"3","tagName":"banana"},{"id":"4","tagName":"watermelon"},{"id":"5","tagName":"pineapple"}];
Time of Update: 2014-09-02
影響jQuery使用的14個方面,影響jQuery使用14 幸運的是,人們通常具有各種不同的外掛程式可供選擇。但是,即使你只用一個,也要弄清楚它是否值得使用的。永遠不要在你的程式碼程式庫中引入錯誤的代碼。 你需要一個外掛程式嗎? 首先是要弄清楚究竟你是否需要一個外掛程式。如果不需要,既可以節省檔案大小,又可以節省自己的時間。 1.自己寫是不是更好? 如果功能很簡單,就自己寫。jQuery的外掛程式經常會捆綁各種功能,這可能矯枉過正。在這種情況下,手寫任何簡單的功能往往更有意義。當然,要
Time of Update: 2014-09-01
1.javaScript(JS)常用函數之 appendChild 和removeChild 1,追加與刪除HTML元素 建立HTML元素var newEle =document.createElement(p);建立的元素追加到別的元素之後:A. appendChild(B): 若B是建立的元素,在A元素的所有子項目的末尾增加元素B
Time of Update: 2014-09-02
JQuery表格拖動調整列寬效果(自己動手寫的),jquery列寬類似於傳統型程式中的表格拖動表頭的效果,當滑鼠停留在表頭邊框線上時,滑鼠會變成表示左右拖動的形狀,接著拖動滑鼠,會在表格中出現一條隨滑鼠移動的豎線,最後放開滑鼠,表格列寬會被調整。最近比較空閑,便自己動手嘗試實現,在此分享下小小的成果。首先需要的滑鼠圖示檔案,在自己的硬碟中搜尋*.cur,肯定能找到。為了能在所有需要該效果的頁面使用,並且不需要更改頁面任何HTML,我把所有的代碼整合在
Time of Update: 2014-09-02
jquery和css3實現的炫酷時尚的菜單導航,jquerycss3今天為大家帶來的是jquery和css3實現的不錯的導覽功能表。點擊列表圖表後,內容頁面向內移動顯示功能表項目。當單擊關閉功能表按鈕時,功能表項目隱藏,內容頁恢複原位。看源碼下載我們看下實現代碼:html代碼:<div style="position: relative; height: 400px; width: 825px; margin: auto;"><div class="contener">&
Time of Update: 2014-09-01
CSS的力量:用一個DIV畫圖,css力量div畫圖這些圖片都是用一個DIV繪製出來的,其實原理並不複雜。 這些圖片都是由CSS繪製出來的,通過background-image疊加實現, 如蘑菇頭的實現,通過 radial-gradient 放射狀漸層 , linear-gradient 線性漸層相互疊加實現,如:123456789101112div { width: 170px; height:
Time of Update: 2014-08-31
G4Studio+extjs+highcharts 下在ext4j的panel中放入hightCharts圖表在G4Studio+extjs下,建立一個panel,然後將highCharts圖表放入panel中,實現方法如下:首先簡單給出的部分代碼: Ext.onReady(function() { var panel = new Ext.Panel({title:
Time of Update: 2014-08-31
Node.js 部落格執行個體(十)pv統計和留言統計 post.js中將var post={...}修改為(每次改動此處之後都要將e:/mongodb/blog/清空): //要存入資料庫的文檔 var post = { name: this.name, time: time, title: this.title, post: this.post, tags:this.tags, comments:[], pv:0
Time of Update: 2014-08-30
清除css、javascript及背景圖在瀏覽器中的緩衝,cssjavascript 在實際項目開發過過程中,頁面是上傳到伺服器上的。而為了減少伺服器的壓力,讓使用者少載入,瀏覽器會將圖片、css、js緩衝到本地中,以便下次訪問網站時使用。這樣做不僅減少了伺服器的壓力,並且也減少了使用者的下載次數,獲得更好的使用者體驗。 然而在版本升級或做一些css、js等調整的時候,緩衝導致使用者無法顯示更新後的樣式,這是另人頭頭疼的問題。除非使用者自行手動升級緩衝,不過幾乎所有使用者不會為了正常訪問這個
Time of Update: 2014-08-31
Node.js 部落格執行個體(十一)文章檢索功能 現在我們來給部落格增加文章檢索功能,即根據關鍵字模糊查詢文章標題,且字母不區分大小寫。首先,我們修改 header.ejs ,在 前添加一行代碼: 在 style.css 中添加一行樣式: .search{border:0;width:6em;text-align:center;font-size:1em;margin:0.5em 0;}開啟 post.js
Time of Update: 2014-08-30
jQuery動畫特效執行個體教程,jquery特效執行個體教程本文以執行個體形式詳細講述了jQuery動畫特效的實現方法。分享給大家供大家參考之用。具體方法如下:1.自製摺疊內容塊內容塊如下:<div class="module"> <div class="caption"> <span>標題</span> <img src="rollup.gif" alt="rollup" title="rolls up this