我在源碼裡給出了注釋,有什麼不足之處後或者可以改進的地方, 希望能夠大家留言探討... (比較樸素): 複製代碼 代碼如下: ;(function($) { $.fn.roller = function(options) { var opts = $.extend({}, $.fn.roller.defaults, options), // 通過迴圈隊列來管理滾動資訊 itemQueue = new Array(); return this.each(function(index) { var
判斷一個層是否隱藏: 複製代碼 代碼如下:$("#id").css("display")=="none" ; 在所有匹配的元素中,設定一個樣式屬性的值: 複製代碼 代碼如下:$("p").css("color","red"); 把一個“名/值對”對象設定為所有匹配元素的樣式屬性。 這是一種在所有匹配的元素上設定大量樣式屬性的最佳方式 複製代碼 代碼如下:$("p").css({ color: "#ff0011", background: "blue" }); 如果屬性名稱包含 "-"的話,
1. Chrome Style jQuery Image Gallery一款用於實現漂亮的Chrome風格圖片畫廊的 jQuery 外掛程式,線上示範2. Awkward Showcase使用這款外掛程式可以實現各種內容的投影片展示效果,例如文本、圖片、視頻等等,線上示範3. Waypoints這款外掛程式可以讓你實現當滾動到某個目標元素的時候執行特定的動作,例如回到頂部,線上示範4. bxSlider這是一個內容滑塊和圖片投影片展示外掛程式,可自訂很多參數,線上示範5. A simple
js一共有9種資料類型,分別是:未定義(undefined)、空(null)、布爾型(boolean)、字串(string)、數值(number)、對象(object)、引用(reference)、列表(completion)。其中後3種僅僅作為JS運行中間結果的資料類型,因此不能在代碼中使用,下面先講一下字串String: 字串由零個或者多個字元構成。字元可以包括字母、數字、標點符號和空格。字 符串必須放在單引號或雙引號內: --------------------------------
NVelocity的$與Jquery的$發生衝突時的解決方案有以下幾個: 1、 使用jQuery.noConflict。 如:var j = jQuery.noConflict(); j.ajax(); 缺點:當使用jQuery的相關外掛程式時,會使得外掛程式失效哦! 2、 使用jQuery代替$. 如:jQuery.ajax(); 缺點:不適合擴充,一旦替換成第三方庫時,那就麻煩大發 3、 wrap jQuery中的衝突方法。 如$.ajax()在Velocity中會衝突,則重新定義如下:
一個例子說盡: 1、.aspx中: 複製代碼 代碼如下: <div class="button" id="btn1"><a href="#">HelloWorld</div> <div class="button" id="btn2"><a href="#">傳入參數</a></div> <div class="button" id="btn3"><a href="#">返回集合</
ExtJS4推薦定義類的時候均使用Ext.define,利用xtype動態載入 修改了以前的一個登陸視窗,感覺用官方推薦的方法還是很不錯的 但還有一些問題沒有想得非常清楚,先把代碼貼出來一起研究下。請看代碼中的注釋~~ 使用Ext+.Net,用Direct模式傳遞資料 Default.aspx: 複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
顯然,能做到這一步,其實現是相當的複雜,這個實現就是它的init方法,jQuery的真實構造器。它功能也隨著版本的升級而升級,越來越長。 2009-01-13發布的1.3版 複製代碼 代碼如下: init: function( selector, context ) { // Make sure that a selection was provided selector = selector || document; // 處理節點參數,直接添加屬性到新執行個體上 if ( selector.
1.功能表列 清爽美觀的功能表列既能夠向使用者提供充分的迷人的內容,又能讓網站得體大方。 Cool Animated Menu 示範|下載2. tab 一個非常cool的tab既能夠節省空間的又能第一時間吸引使用者眼球,這是提高使用者體驗的重要手段。 Feature List示範|下載3. 登入/註冊 登入/註冊機制是鞏固老使用者和吸引新使用者的重要方式,人性化的登入/註冊機制才能為網站帶來越來越多的使用者。登入/註冊機制要注意細節,最好把登入和註冊放在一起,操作要便捷高效。 A Cool
複製代碼 代碼如下: <div id="testDiv">放在我上面</div> <script type="text/javascript"> $('#testDiv').mousemove(function(e) { var xx = e.originalEvent.x || e.originalEvent.layerX || 0; var yy = e.originalEvent.y || e.originalEvent.layerY || 0;
下面我們為你推薦 25 個最好的工具提示外掛程式: 1. jqTooltip jqTooltip2. Pop! Simple Pop Menus with jQuery Pop! Simple Pop Menus with jQuery3. jGrowl jGrowl4. ProtoTip 2 ProtoTip 25. BetterTip BetterTip6. Tipsy – Facebook-Style Tooltip Plugin for jQuery Tipsy –
HTML: 複製代碼 代碼如下: <div id="divObj3" class="divContent"> <input id="hidColorSelect" name="ColorSelect" type="hidden" value="3,5,6,11,12,13,14" /> <table style="width: 100%; text-align: center;"> <tr class="tr"> <td
核心代碼:複製代碼 代碼如下:<script language="javascript" type="text/javascript"> $(document).ready(function(){ //$('div.chapter a').attr({'rel':'external'}); $('div.chapter a').each(function(index){ var $linkthis=$(this) $linkthis.attr({ 'rel':'external',
這幾天在公司的通用管理後台,使用的左右架構結構,點擊左側,右側展開內容,項目中經常遇到左側二級或者三級的情況,以前都是使用dtree,但是發現dtree ,樣式及結構上不好控制 , 如果是動態資料,還要寫到cs檔案裡面 輸入字元,這樣不利於維護,時間久了自己都找不清了。、 於是今天自己寫了個輕量級的三級展開菜單,如果需要可以在增加一層級,一般公司的項目三級都足夠了。 簡介: div部分無需自己定義class 及ID,只要是如下的結構就可以了,資料可以是動態 也可以是靜態
js,jQuery 排序的實現: 重點: 想要實現排序,最簡單的方法就是 先把標籤用jQuery讀進對象數組 用js排序好對象數組 (針對對象數組進行排序, 不要試圖直接對網頁的內容進行直接更改) 用對象數組內容覆蓋網頁上的標籤數組; //排序從文字短的到長的 複製代碼 代碼如下: //排序從文字短的到長的 var arr_a=new Array(); var i=0; $(".type_list_txt > span:contains('T恤')").parent().children(
我們先來最簡單的,網頁的登入視窗;不過開始之前,大家先下載jquery的外掛程式本人習慣用了vs2008來做網頁了,先添加一個空白頁這是最簡單的的做法。。。先在body裡面插入<body><div id="div1"><table><tr><td>使用者名稱</td><td><input type="text" style="width:100px" /></td></tr>&
投影片效果是常用的內容展示方式之一,這是一種在有限的網頁空間內展示系列項目時非常好的方法。今天要給大家分享的是10篇非常棒的 jQuery 投影片教程及16個優秀的 jQuery 投影片應用案例。10篇 jQuery 投影片製作教程Create Beautiful jQuery slider tutorialjQuery Plugin – Feature ListCreate an Image Rotator with Description
查看源碼 複製代碼 代碼如下: return this[0] && this[0].nodeType === 1 ? this[0].innerHTML.replace(rinlinejQuery, "") : null; 得知其通過非標準的但所有瀏覽器都支援的innerHTML實現。 有些使用者會用html()方法的傳回值作為代碼分支的條件,比如: 複製代碼 代碼如下: var str = $('#user').html(); if( str=='jack' ){ ... }else if(
如下 複製代碼 代碼如下: <!DOCTYPE HTML> <html> <head> <title>IE6/7/8中Option元素未設value時Select將擷取Null 字元串</title> </head> <body> <select onchange="alert(this.value)"> <option>one</option>
方式1 複製代碼 代碼如下: function Person(n,a){ this.name = n; this.age = a; if(this instanceof Person){ alert('new調用'); }else{ alert('函數調用'); } } var p = new Person('jack',30); // --> new調用 Person(); // --> 函數調用 方式2 複製代碼 代碼如下: function Person(n,a){