Time of Update: 2017-01-19
官方地址:http://www.uploadify.com/ 雲棲社區提供的下載地址:http://www.jb51.net/jiaoben/21484.html官方英文文檔:http://www.uploadify.com/documentation/ 使用方法(.net版本): 前台JS 複製代碼 代碼如下: $("#id").uploadify({ height: 30, swf: '/uploadify/uploadify.swf', uploader:
Time of Update: 2017-01-19
今天本文就為大家挑選了25個非常好的 jQuery 下拉式功能表製作教程和樣本。Slide Down Box Menu with jQuery and CSS3( 示範 | 下載 )Fancy Drop Down Menus Using CSS and JQuery.( 示範 | 下載 )Sliding Jquery Menu( 示範 | 下載 )Create Simple
Time of Update: 2017-01-19
我們首先來介紹自訂選取器的開發,他的代碼結構如下: 複製代碼 代碼如下: (function ($) { $.expr[':'].customselector = function (object,index,properties,list) { //code }; })(jQuery); 調用時候的寫法: $(a:customselector) 現在我們先解釋下函數中所使用到的各個參數。
Time of Update: 2017-01-19
先下頁面代碼: 複製代碼 代碼如下: <!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> <title></title> <script
Time of Update: 2017-01-19
複製代碼 代碼如下: <input type="button" value="1"/> <input type="button" value="2"/> <input type="button" value="3"/><br> <input type="button" value="4"/> <input type="button" value="5"/> <input type="button" value="6"/
Time of Update: 2017-01-19
針對上面的樣本,我們可以調用jquery.fn.extend()方法來建立jquery對象方法。具體代碼如下》 複製代碼 代碼如下: jQuery.fn.extend({ test : function(){ return this.each(function(){ alert(this.nodeName); }) } }); 調用跟上面一樣哦 複製代碼 代碼如下: $('body *').click(function(){ $(this).test().html(this.nodeName)
Time of Update: 2017-01-19
例如: 複製代碼 代碼如下: $(this).test().hide().height(); 要實作類別似的連寫行為,就應該在每個外掛程式方法中,返回一個jquery對象,除非方法需要明確傳回值。返回的jquery對象通常就是this所引用的對象。如果使用each()方法迭代this,則可以直接返回迭代的結果。針對上一節的樣本,進一步修改 複製代碼 代碼如下: jQuery.fn.test = function(){ return this.each(function(){
Time of Update: 2017-01-19
本文執行個體講述了通過 jQuery EasyUI架構建立一個RSS閱讀器,分享給大家供大家參考。具體如下:運行效果截圖如下:我們將使用以下外掛程式:layout:建立應用的使用者介面。datagrid:顯示 RSS Feed 列表。tree:顯示 feed 頻道。步驟 1:建立布局(Layout)<body class="easyui-layout"> <div region="north" border="false" class="rtitle"> jQuery
Time of Update: 2017-01-19
json字串: 複製代碼 代碼如下:var mcode={"minfo":[{"time":"9:00-10:00","status":2},{"time":"10:00-11:00","status":1},{"time":"11:00-12:00","status":3},{"time":"13:00-14:00","status":1},{"time":"14:00-15:00","status":1},{"time":"15:00-16:00","status":1},{"time":"
Time of Update: 2017-01-19
一、EasyUI建立基礎樹形網格樹形網格(TreeGrid)組件從資料格(DataGrid)繼承,但是允許在行之間存在父/子節點關係。許多屬性繼承至資料格(DataGrid),可以用在樹形網格(TreeGrid)中。為了使用樹形網格(TreeGrid),使用者必須定義 'treeField' 屬性,指明哪個欄位作為樹節點。本文將向您展示如何使用樹形網格(TreeGrid)組件設定一個檔案夾瀏覽。建立樹形網格(TreeGrid)<table id="test" title="Folder
Time of Update: 2017-01-19
artDialog是一個輕巧且高度相容的javascript對話方塊組件,可讓你的網頁互動擁有案頭軟體般的使用者體驗。 artDialog的特殊UI架構能夠適應內容變化,甚至連外部程式動態插入的內容它仍然能自適應,因此你不必去考慮訊息內容尺寸使用它。它的訊息容器甚至能夠根據寬度讓文本置中或居靠左對齊——這一切全是XHTML+CSS原生實現。 為了方便使用,特別製作出artDialog Dreamweaver代碼提示的外掛程式。 代碼提示效果如下: 使用方法:
Time of Update: 2017-01-19
1. 資料 一共包含了全國3049所大學, 從人人網拷貝的 (僅供學習交流, 請勿用於商業項目), 這是一個指令檔, 裡含的JSONObject Storage Service了學校的資訊, 格式為: 複製代碼 代碼如下: var schoolList=[ { "id":1, //省份id "school": [ { "id": 1001, //學校id "name": "\u6e05\u534e\u5927\u5b66" //學校名稱 } /.... ], //這個省的學校 "name": "
Time of Update: 2017-01-19
本文執行個體講述了基於jQuery實現響應式圓形圖片輪播特效代碼。分享給大家供大家參考。具體如下:運行效果截圖如下:mislider是一款效果非常酷的jQuery響應式圓形圖片輪播圖特效外掛程式,mislider輪播圖外掛程式的特點有: 使用簡單 在同一個螢幕中支援多個輪播圖 輪播圖的內容可以是單張圖片或複雜的HTML內容 輕量級 響應式設計 非常容易定製 豐富的回呼函數
Time of Update: 2017-01-19
本文執行個體講述了jquery實現頁面滾動時頂部導航顯示隱藏效果代碼。分享給大家供大家參考。具體如下:運行效果截圖如下:具體代碼如下:引入核心檔案<script src="js/jquery/1.11.1/jquery.min.js"></script>構建html,margint這個div中為了出現捲軸而建,並無實際作用。<div class="top-title">這是頂部導航條</div><div class="margint">
Time of Update: 2017-01-19
那麼這是怎麼實現的呢?本文將引用烏徒幫的跟隨螢幕滾動代碼,對此效果做詳解。 一、原始代碼 下面是烏徒幫的跟隨螢幕滾動代碼,它的範圍為烏徒幫網頁兩側的側邊欄,以及雙擊螢幕後的右側隱藏欄。 複製代碼 代碼如下: var $catalogueOffsetTop = $('aside#catalogue').offset().top; var $archiveOffestTop = $('aside#archive').offset().top; var $archiveOffestLeft = $('
Time of Update: 2017-01-19
複製代碼 代碼如下: <!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> <title>Untitled Page</title>
Time of Update: 2017-01-19
現在整理下發出來,希望大家共同學習吧 先看效果圖: 用了jquery.image-maps.js這個外掛程式 下載地址 http://www.jb51.net/jiaoben/57930.html原理是: 通過拖動計算出當前熱區可移動模組的left top right bottom 對應area的 coords 屬性集成上面的位置,就可以實現熱區了。 對應的模組代碼是: 複製代碼 代碼如下: <!--模組展示 begin--> <div class="modeShow">
Time of Update: 2017-01-19
同事在網上的找的下拉式清單方塊出現位置不對的和載入慢的BUG,反正多選下拉式清單方塊實現也很簡單,與其看那些結構混亂的代碼,不如自己重新實現一個。 先看效果: http://demo.jb51.net/js/2012/jquery_demo/jquery_select.htmlJS: 複製代碼 代碼如下: (function ($) { $.fn.extend({ MultDropList: function (options) { var op = $.extend({
Time of Update: 2017-01-19
jquery如何擷取一上元素的名稱比如 <div id="aa">dd</div>$("#aa").xxxmethod 昨到"div"jquery如何擷取一個元素的名稱比如 <div id="aa">dd</div>$("#aa").xxxmethod 得到"div"[昆明]絲雪.川瓊(447031499)
Time of Update: 2017-01-19
HTML 複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <title>jQuery Tools standalone demo</title> <!-- include the Tools --> <script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>