最近在項目開發當中很少會用到DWZ原生的table分頁,往往是使用jqgrid or grid這種第三方資料繫結的表格外掛程式,如今在項目中要求了,就必須要使用DWZ內建的table了接下來看一段代碼,我會給大家詳細介紹DWZ中table分頁的使用方式,以下是在MVC中實現的方式。?<div class="pagination" targetType="navTab" totalCount="@ViewBag.totalCount"
JQuery真的太強大了,真好看!Jquery代碼如下:複製代碼 代碼如下: $(function () { $(".n_zyb_gzright .n_zyb_gzrightlist").hover(function () { $(this).find(".n_zyb_gzrightlistc").attr("style", "display:
偶然將想到的一個如何判斷滑鼠從哪個方向進入一個容器的問題。首先想到的是給容器的四個邊添加幾塊,然後看滑鼠進入的時候哪個塊先監聽到滑鼠事件。不過這樣麻煩太多了。google了一下找到了一個不錯的解決方案,是基於jquery的,說實話,其中的var direction = Math.round((((Math.atan2(y, x) * (180 / Math.PI)) + 180) / 90) + 3) %
效果:點擊第二個功能表項目後出現一個向上滑動的動畫,控制margin-top底部另一個div中的文字上移從而替換掉原有的文字。原理其實不難無非就是css的控制加之jquery的代碼對docemnt中所有li綁定一個hover事件,事件中根據滑鼠的狀態(無非是移入與移除),使用animate的動畫方式使原有的div向上移70px,移出時再將頁面效果變回原有的樣子。代碼如下:複製代碼 代碼如下:$(function () { var webNav = { val: { target: 0 },
Javascript中會經常用到setTimeout來延遲一個函數的執行,如: 複製代碼 代碼如下: setTimeout(function(){alert("Hello World");},1000); 會在執行到這句話後延遲1秒鐘來彈出alert視窗。那麼再看這一段: 複製代碼 代碼如下: function a(){ setTimeout(function() {alert(1)}, 0); alert(2); } a();
表單元素擁有submit方法,同時也具有onsubmit事件控制代碼,用於監聽表單提交。可以使用elemForm.submit();方法觸發表單提交。1、表單元素中出現了name="submit"的元素這種情況下elemForm.submit();將不會觸發表單提交,因為表單原始的submit方法將會被覆蓋(formElem.submit就是對該元素的引用)。2、elemForm.submit();不會觸發表單的onsubmit事件沒有為什麼,標準中就是這麼規定的。與此有些類似的是onfocus
這一節我們主要討論json的解析。 JSON.parse()方法也可以接收另一個參數,該參數是一個函數,將早每個索引值對上調用。為了區別JSON.stringify()接收的替換(過濾)函數(replacer),這個函數被稱作還原函數(reviver),但實際上這兩個函數的簽名是相同的——它們都接收連個參數,一個鍵和一個值,而且都需要返回一個值。 如果還原函數返回undefined,則表示要從結果中刪除相應的鍵;如果返回其他值,則將該值插入到結果中。如: 複製代碼 代碼如下: <html&
最近看一個網站,發現顯示器不同的解析度,樣式檔案調用的也不一樣,今天寫了一個例子研究一下, 複製代碼 代碼如下: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>無標題文檔</title> <link rel="stylesheet" id="sc" type="text/css" href="css/c1.css"/>
如果你想你的部落格頁面某些部分引起讀者的注意,你可以使這些部分震動,如廣告,今天這篇文章將介紹怎樣使你的頁面中的元素震動起來。要達到這個目的我們需要使用到Jquery和Jquery UI。 首先讓我建立一個震動塊,可以是圖片,也可以是普通的dom元素,如div、span等,把元素的id命名為shake,這裡可以任意命名。我們用圖片如下: 複製代碼 代碼如下: <img
譯序 Three.js是一個偉大的開源WebGL庫,WebGL允許JavaScript操作GPU,在瀏覽器端實現真正意義的3D。但是目前這項技術還處在發展階段,資料極為匱乏,愛好者學習基本要通過Demo源碼和Three.js本身的源碼來學習。 0.簡介 嗨,又見面了。這麼說我們已經開始學習Three.js了,如果你還沒有看過之前三篇教程,建議你先讀完。如果你已經讀完前面的教程了,你可能會想做一些關於粒子的東西。讓我們直面這個話題吧,每個人都愛粒子效果。不管你是否知道,你可以很輕易地建立它們。 1
javascript是個入門門檻很低的語言,甚至一個從來沒有接觸過javascript的技術人員,幾小時內就可以寫出一個簡單有用的程式碼。 但是如果因此你就下結論:javascript是門簡單的語言。那你就大錯特錯了。想寫出高效能的代碼,同樣需要具備一個進階程式員的基本素養。 一個java或者c++程式員,不一定能寫出高效能的javascript代碼,但更容易寫出高效能的javascript代碼。
複製代碼 代碼如下: <script language="Javascript" type="text/javascript"> //屏蔽滑鼠右鍵、Ctrl+N、Shift+F10、F11、F5重新整理、退格鍵 function document.oncontextmenu() { event.returnValue = false; } //屏蔽滑鼠右鍵 function window.onhelp() { return false } //屏蔽F1協助 function
複製代碼 代碼如下: var Validator = { // 郵箱 isEmail : function(s) { var p = "^[-!#$%&\'*+\\./0-9=?A-Z^_`a-z{|}~]+@[-!#$%&\'*+\\/0-9=?A-Z^_`a-z{|}~]+\.[-!#$%&\'*+\\./0-9=?A-Z^_`a-z{|}~]+$"; return this.test(s, p); }, // 手機號碼 isMobile : function(s) { return
JavaScript中的物件模型(object model)並不廣為人知。我曾寫過一篇關於他們的部落格。之所以不被人所熟知,原因之一就是JavaScript是這些被人廣泛使用的語言中唯一一個通過原型(prototype)來實現繼承的。但是,我認為另一個原因就是這種物件模型非常複雜,難於解釋。它為什麼這麼複雜並且又令人困惑呢?那是因為JavaScript試圖去隱藏它傳統的物件導向的特性——最終導致了它的雙重人格(譯者註:作者意思是JavaScript既有面向過程的特徵,又有物件導向的特徵)。
圖片版:點擊看大圖網上收集的KeyCode值方便大家尋找: keycode 8 = BackSpace BackSpace keycode 9 = Tab Tab keycode 12 = Clear keycode 13 = Enter keycode 16 = Shift_L keycode 17 = Control_L keycode 18 = Alt_L keycode 19 = Pause keycode 20 = Caps_Lock keycode 27 = Escape
現在很多網站都用到了返回頂部的效果,當然懶的話也可以直接 a 網站連結到 #,這樣也可以達到效果。今天抽空用原生 javascript 寫了個,由於本人水平有限,如有問題請指出。 html 代碼: 複製代碼 代碼如下: <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>js-回到頂部</title> <style type=
項目結構:運行效果:=========================================================代碼部分:=========================================================/Clock/WebContent/index.jsp複製代碼 代碼如下:<%@ page language="java" contentType="text/html; charset=UTF-8"
parseInt(string, radix) 有2個參數,第一個string 是傳入的數值,第二個radix是 傳入數值的進位,參數radix 可以忽略,預設為 10,各種進位的數轉換為 十進位整數(如果不是整數,向下取整)。 radix 的取值範圍是 2~36,如果 radix 為 1 或 radix>36 ,轉換結果將是 NaN ,如果 radix 為 0 或其它值將被忽略,radix 預設為 10 。
相信對於很多關注javascript發展的同學來說,nodejs已經不是一個陌生的詞眼。有關nodejs的相關資料網上已經鋪天蓋地。由於它的高並發特性,造就了其特殊的應用地位。國內目前關注最高,維護最好的一個關於nodejs的網站應該是http://www.cnodejs.org/ 這裡不想談太多的nodejs的相關資訊。只說一下,windows系統下簡單nodejs環境配置。第一步:下載安裝檔案:官網http://www.nodejs.org/download/  
方法一:複製代碼 代碼如下:function checkRe(checkid) { var id = window.parent.getQry("ctrid") + "_"; var values = window.parent.opener.document.getElementById(id + "txt_dept_name").value; var keys = window.parent.opener.document.getElementById(id +