Time of Update: 2014-05-25
最近在做手機端效果的時候,頁面需要在下拉式功能表滾動的時候,阻止頁面的滾動。於是就研究了一下bootstrap模態框的實現原理。實現思路:1、需要有一個層將body遮住,放在body上方。2、修改body的overflow屬性值為:hidden廢話不多說了,將關鍵代碼貼出來了,相容Firefox,Google,ie.cover { position:fixed; top: 0px; right:0px; bottom:0px;filter: alpha(opacity=6
Time of Update: 2014-05-25
《Web 前端開發精華文章推薦》2014年第5期(總第26期)和大家見面了。夢想天空部落格關注 前端開發 技術,分享各類能夠提升網站使用者體驗的優秀 jQuery 外掛程式,展示前沿的 HTML5 和 CSS3 技術應用,推薦優秀的 網頁設計 案例,共用精美的設計素材和優秀的 Web 開發工具,希望這些精心整理的前端技術文章能夠協助到您。HTML5 & CSS3優秀的 HTML5
Time of Update: 2014-05-25
原文地址:Specify a character set 概況: 在HTML文檔的回應標頭中指定一個字元集可以讓瀏覽器立即開始解析HTML和執行指令碼。細節: HTML文檔在網路中是以伴隨字元編碼資訊的位元組序列形式傳送的。字元編碼資訊可以指定在文檔的HTTP要求標頭中,也可以在HTML裡面的標記裡面(meta標籤)。瀏覽器使用編碼資訊將位元組流轉化成可渲染到螢幕上的字元。如果瀏覽器無法知道構建頁面的字元,
Time of Update: 2014-05-25
以前一直以為css不是怎麼厲害,今天忽然發現 . . .咳。。咳。。以下是經過測試的哦 ^_^當然不是那麼全面啦,歡迎提意見!ok,~ (w3c中國沒有找到)作用:同層級下後面的比如:1 <span class="t">上邊</span>2 <div>3 <span class="t">裡面</span>4 </div>5 <span class="t">下邊1號</span><br /
Time of Update: 2014-05-25
1、meta標籤實現只需在head裡加上下面這一句就行了,在當前頁面停留0.1秒後跳轉到目標頁面複製代碼 代碼如下:<meta http-equiv="refresh" content="0.1; url=http://jb51.net/">2、Javascript實現方法一:這個方法比較常用複製代碼 代碼如下:window.location.href = "http://jb51.net/";方法二:複製代碼 代碼如下:self.location =
Time of Update: 2014-05-25
任何一個grumble都可以放到它所圍繞元素的任意角度的位置,360度全方位無死角,無殘留。還能指定任意距離,應用任意CSS樣式。 對於任意文本還可以自動調整大小。 多個grumble可以通過FX隊列實現動畫效果。 最後,它能在IE6+這些古董瀏覽器上工作,更不用FF、Chrome這些現代的瀏覽器了!grumble.js 其實是一個jQuery外掛程式,可以在
Time of Update: 2014-05-25
到周末了,明天該總結一下了,感覺學到了些東西,又感覺沒學多少東西,具體明天再分析吧,先來看看今天要分析的問題。 這樣的圖片相比大家都很熟悉: ———————————— 今天我們就來分析製作一下,先來介紹下這種彈出框的特點: * 始終依附在頁面邊框上 * 不隨頁面的上升下降而改變位置 * 滑鼠經過時,會彈出詳細資料,離開時,恢複最初狀態
Time of Update: 2014-05-25
簡介及資料 http://nodejs.org/api/events.html http://www.infoq.com/cn/articles/tyq-nodejs-event events是node.js 最重要的模組,events模組只提供了一個對象events.EventEmitter,EventEmitter 的核心是事件發射與事件監聽器。
Time of Update: 2014-05-25
最新版的jquery.lazyload.js已不再是偽的消極式載入了一、請按照基本使用方法說明設定複製代碼 代碼如下://載入JavaScript 檔案<script src="jquery.js" type="text/javascript"></script><script src="jquery.lazyload.js" type="text/javascript"></script>複製代碼 代碼如下://img標籤的4個屬性一個都不能少,
Time of Update: 2014-05-25
現在有個需求就是非同步驗證使用者名稱是否存在。用的技術是jQuery非同步驗證和struts2(其實springMVC也是一樣的道理,都只是一個控制器). 表單: 複製代碼 代碼如下: <input class="width150" maxlength="32" type="text" id="dept_name" name="dept.dept_name" value="${dept.dept_name}" onchange="tocheckname()"/> js代碼:
Time of Update: 2014-05-25
可能有人說這是什麼個格式?其實還不止呢。1 //11.2 //1.21.2e3 //12001.2e+3 //12001.2e-3 //0.0012.12e+2 //12-.12e-2 //-0.0012當然這些只是十進位。我們來說說
Time of Update: 2014-05-25
複製代碼 代碼如下: <ul id="ul"> <li id=1>11111111111111111<a href="javascript:del(1);">del</a></li> <li id=2 >22222222222222222<a href="javascript:del(2);">del</a></li> <li
Time of Update: 2014-05-25
1、設計源碼 複製代碼 代碼如下: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>JavaScript擷取路徑</title> <meta
Time of Update: 2014-05-25
複製代碼 代碼如下: <!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: 2014-05-25
長度超出規定長度,顯示省略符號 設定class為displayPart, 設定自訂屬,displayLength可顯示長度(不包含...),雙位元組字元,長度 *2, 複製代碼 代碼如下: <script type="text/javascript"> $.fn.extend({ displayPart:function () { var displayLength = 100; displayLength = this.attr("displayLength") ||
Time of Update: 2014-05-25
引言: 在JQuery的Ajax POST請求中,進行請求,其中的中文在後台,顯示為亂碼,該如何解決呢?問題的引入: var regid = $('#oregion').combobox('getValue'); //var sname = $('#sname').val(); var sname = encodeURI($('#sname').val(),"UTF-8");
Time of Update: 2014-05-25
jQuery 選取器選取器允許對元素組或單個元素進行操作。jQuery 元素選取器和屬性選取器允許通過標籤名、屬性名稱或內容對 HTML 元素進行選擇。在 HTML DOM 術語中:選取器允許對 DOM 元素組或單個 DOM 節點進行操作。jQuery 元素選取器jQuery 使用 CSS 選取器來選取 HTML 元素。$("p") 選取 元素。$("p.intro") 選取所有 class="intro" 的 元素。$("p#demo") 選取所有 id="demo" 的
Time of Update: 2014-05-25
使用jQuery內建的clone函數可以複製DOM元素,而且clone函數支援鏈式調用下例是clone的一個簡單用法,它做了一個ul的副本,並添加到body中。listlistlistlist<script type="text/javascript" src="jquery-1.11.1.js"></script><script
Time of Update: 2014-05-25
前面展示了使用nodejs技術和jqm來搭建一個簡單的支援CRUD操作應用的服務端部分(參見:nodejs + jquery Mobile構建一個簡單的移動web(服務端) ),服務端採用nodejs技術實現,使用了mongodb資料庫和輕量級web開發架構expressJS, 路由使用restful風格,所以你也可以使用restify來開發。 用戶端的實現主要通過ajax調用實現.使用jade模板引擎. 用戶端主要包含兩個檔案:layout.jade和index.jade&
Time of Update: 2014-05-25
Ajax,我一直讀的是"阿賈克斯",據當時大學老師講該讀音出處是根據當年風靡歐洲的荷蘭足球俱樂部阿賈克斯的名字來的,我覺得說法挺靠譜的。jQuery封裝了Ajax的互動過程,使用者不需要考慮XMLHttpRequest對象的相容性問題以及使用XMLHttpRequest建立串連、發送請求、發送方式、接收方式等細節,利用jQuery定義的幾個簡單方法,即可輕鬆實現用戶端與服務端非同步通訊的問題,從而協助開發人員從繁瑣的技術細節中解脫出來,專心於業務層開發工作。最初始的JavaScript的Ajax