Time of Update: 2013-10-16
我在源碼裡給出了注釋,有什麼不足之處後或者可以改進的地方, 希望能夠大家留言探討... (比較樸素): 複製代碼 代碼如下: ;(function($) { $.fn.roller = function(options) { var opts = $.extend({}, $.fn.roller.defaults, options), // 通過迴圈隊列來管理滾動資訊 itemQueue = new Array(); return this.each(function(index) { var
Time of Update: 2013-10-16
javascrpit的基本概念: 1)區分大小寫 與JAVA一樣,JS中的變數,函數,運算子以及其他的一切東西都是區分大小寫,例如:變數MyTag與MYTAG是兩個不同的變數。 2)弱類型變更。所以謂弱類型變數指的是JS中變數無特定類型,不像C那樣。定義變數只用“var",並可以將其初始化為任意的值,這樣就可以隨便的改變變數所儲存資料的類型,不般不推薦; 例:var age=25; var myName="zhangsan"; 3) 每行結尾的分號可有可無; 例: var a=2 var b=3
Time of Update: 2013-10-16
學習使用 jQuery 建立一個確認對話方塊學習如何製作一個自動變換的投影片如何製作帶縮圖的全屏圖片畫廊學習使用 jQuery 製作立體效果的滑動相簿學習使用 jQuery 製作Google聖誕塗鴉學習使用 jQuery 製作縮圖預覽滑塊學習如何製作可愛的預覽圖庫學習使用 jQuery 製作帶動畫切換的表單學習使用 jQuery 製作作品縮放滑塊學習使用 jQuery 製作氣泡形的圖片畫廊學習使用 jQuery 製作有吸引力的照片效果學習使用 jQuery 製作遮罩效果的菜單學習使用
Time of Update: 2013-10-16
js一共有9種資料類型,分別是:未定義(undefined)、空(null)、布爾型(boolean)、字串(string)、數值(number)、對象(object)、引用(reference)、列表(completion)。其中後3種僅僅作為JS運行中間結果的資料類型,因此不能在代碼中使用,下面先講一下字串String: 字串由零個或者多個字元構成。字元可以包括字母、數字、標點符號和空格。字 符串必須放在單引號或雙引號內: --------------------------------
Time of Update: 2013-10-16
NVelocity的$與Jquery的$發生衝突時的解決方案有以下幾個: 1、 使用jQuery.noConflict。 如:var j = jQuery.noConflict(); j.ajax(); 缺點:當使用jQuery的相關外掛程式時,會使得外掛程式失效哦! 2、 使用jQuery代替$. 如:jQuery.ajax(); 缺點:不適合擴充,一旦替換成第三方庫時,那就麻煩大發 3、 wrap jQuery中的衝突方法。 如$.ajax()在Velocity中會衝突,則重新定義如下:
Time of Update: 2013-10-16
$.each(array, [callback])遍曆,很常用 複製代碼 代碼如下: var arr = ['javascript', 'php', 'java', 'c++', 'c#', 'perl', 'vb', 'html', 'css', 'objective-c']; $.each(arr, function(key, val) { // firebug console console.log('index in arr:' + key + ", corresponding
Time of Update: 2013-10-16
1.功能表列 清爽美觀的功能表列既能夠向使用者提供充分的迷人的內容,又能讓網站得體大方。 Cool Animated Menu 示範|下載2. tab 一個非常cool的tab既能夠節省空間的又能第一時間吸引使用者眼球,這是提高使用者體驗的重要手段。 Feature List示範|下載3. 登入/註冊 登入/註冊機制是鞏固老使用者和吸引新使用者的重要方式,人性化的登入/註冊機制才能為網站帶來越來越多的使用者。登入/註冊機制要注意細節,最好把登入和註冊放在一起,操作要便捷高效。 A Cool
Time of Update: 2013-10-16
隨著近幾年來 JavaScript 的應用日漸廣泛, 滑動效果無處不在, 於是我也跟跟風, 將置頂功能做成了滑動效果. 後來為了更貼合物理特徵, 改造做成了減速的滑動效果. 首先說一下原理吧. 我們會擷取捲軸到頁面頂部的距離, 然後上移一定的距離; 再擷取捲軸到頁面頂部的距離, 上移一定的距離 (比上一次小一點); ... JavaScript 代碼: 複製代碼 代碼如下: /** * 回到頁面頂部 * @param acceleration 加速度 * @param time 時間間隔
Time of Update: 2013-10-16
今天遇到個小問題, 在構建 DOM 時, IE 中不能通過 element.setAttribute('name', _variable); 和 element.name = _variable; 這樣的形式來為元素加上 name 屬性, 無論是 IE6 還是 IE7. (IE8 是可以的, 但 IE8rc1 不行) 後來我查看了 MSDN, 得到資訊如下: 複製代碼 代碼如下: Internet Explorer 8 and later can set the NAME attribute
Time of Update: 2013-10-16
今天本文收集了20佳基於jQuery開發的獨立製作遊戲,一起來欣賞吧!1- Tetris with jQuery2- Game Query- Game engine for jQuery3- JQuery Snake Game Plugin4- JQuery Tic Tac Toe5- jQuery Powered Mine Sweeper6- Browser Shooter7- Angel Dreams8- Sudoku9- Basic Memory Game with jQuery10-
Time of Update: 2013-10-16
值得一提的是,當下Web開發人員們追捧的 Node.js 使得 JavaScript 能夠在更多環境下運行,甚至是網站的伺服器端,使得這門語言再次受到大家的關注。今天,本文與大家分享25個好玩的 JavaScript 小遊戲,感受一下 JavaScript 的魅力。Bunny HuntTraviansAjax Chinese ChessDigg AttackInvaders From MarsSolitaireCard GamesJetris – JavaScript
Time of Update: 2013-10-16
本文主要針對拖拽原型進行解析,給剛接觸 JQuery 的愛好者一個簡單的樣本。在引入 Jquery.js 後: 複製代碼 代碼如下: <script type="text/javascript"> $(function(){ //綁定拖動元素對象 bindDrag(document.getElementById('test')); }); function bindDrag(el){ //初始化參數 var els = el.style, //滑鼠的 X 和 Y 軸座標 x = y
Time of Update: 2013-10-16
這幾天在公司的通用管理後台,使用的左右架構結構,點擊左側,右側展開內容,項目中經常遇到左側二級或者三級的情況,以前都是使用dtree,但是發現dtree ,樣式及結構上不好控制 , 如果是動態資料,還要寫到cs檔案裡面 輸入字元,這樣不利於維護,時間久了自己都找不清了。、 於是今天自己寫了個輕量級的三級展開菜單,如果需要可以在增加一層級,一般公司的項目三級都足夠了。 簡介: div部分無需自己定義class 及ID,只要是如下的結構就可以了,資料可以是動態 也可以是靜態
Time of Update: 2013-10-16
1.DataTables線上例子2.tablesorter線上例子3.uiTableFilter線上例子4.columnHover線上例子5.Scrollable HTML線上例子6.columnManager線上例子7.Flexigrid線上例子8.Table Drag and Drop線上例子9.HeatColor線上例子10.JQTreeTable線上例子11.FireScope Grid線上例子12.Ingrid線上例子13.Animated Sortable Data Table –
Time of Update: 2013-10-16
首先看全部完整代碼: countDown test 到期日 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]html部分代碼: 可在文字框中輸入倒計時的時間,如果目前時間小於截止時間,則正常返回,反之,則返回距離到期日到現在的時間 複製代碼 代碼如下: <p> <label for="deadline">到期日</label> <input type="text" value="2011-06-11" id=
Time of Update: 2013-10-16
而很多頁面效果都要用到這些位置。不得已,得練練,得記記。 下面就來說說這個基於 JQuery的簡易拖拽外掛程式吧。 按慣例,先說說拖拽的原理,以及搞這麼一個東東的步驟: 那什麼是拖拽呢? 看名字就知道了:就是把一個東東拖來拽去的。 放到我們的DOM上,就是改變它的位置。 它只有兩個痛點:1、如何知道是在拖? 2、如何知道從哪拖,拖到哪? 其實,這也算不上痛點,畢竟兩者都是基礎的東西,關鍵在於熟練。 換到js 中,我們搞一個拖拽效果,大致有如下步驟:
Time of Update: 2013-10-16
參數名 類型 描述 url String(預設: 當前頁地址) 發送請求的地址。 type String(預設: "GET") 請求方式 ("POST" 或 "GET"), 預設為 "GET"。注意:其它 HTTP 要求方法,如 PUT 和 DELETE 也可以使用,但僅部分瀏覽器支援。
Time of Update: 2013-10-16
最易讀版 複製代碼 代碼如下: function chain(obj){ function fun(){ if (arguments.length == 0){ return fun.obj; } var methodName = arguments[0], methodArgs = [].slice.call(arguments,1); fun.obj[methodName].apply(fun.obj,methodArgs); return fun; } fun.obj = obj;
Time of Update: 2013-10-16
html部分代碼: 當點擊show按鈕時,觸發showValue函數,將input value的值動態添加到id="text"的元素節點中! 複製代碼 代碼如下: <p> <input type="text" value="" name="user_name" id="user_name" /> <span style="padding-left:10px;"><input type="button" value="show" onclick="
Time of Update: 2013-10-16
效果如下: 伺服器端複製代碼 代碼如下: package com.ljq.test; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import javax.servlet.ServletException; import java.io.IOException; import