通常在web應用或者網站中,我們使用鼠標來控制元素或者執行導航,相對于桌面應用來說,使用web應用的快捷鍵次數可能會相對比較少,但是對于熟練的專業人員來說,使用鍵盤可能更加容易并且更加快速,在今天這篇文章中,我們收集了10個jQuery的插件,幫助你創建各種基于鍵盤事件的web應用,相信大家會喜歡的!1.MousetrapMousetrap是一個超簡單的處理鍵盤快捷鍵的類庫,壓縮有只有1.6kb大小,并且不依賴任何的外部類庫。你使用的主要就是綁定方法。它會
系統 2019-08-29 22:36:06 2674
jVectorMap是一個優秀的、兼容性強的jQuery地圖插件。它可以工作在包括IE6在內的各款瀏覽器中,矢量圖輸出,除官方提供各國地圖數據外,用戶可以使用數據轉換程序定制地圖數據。這里基于jVectorMap插件制作中國地圖,其中近期有活動進行的省份區域變色顯示,點擊有活動的省份區域,便打開對應活動列表頁面。首先引入必需的文件,包括樣式表、jQuery框架、jVectorMap庫,中國地圖數據庫:
系統 2019-08-29 22:36:05 2673
table表格由于它的瀏覽器兼容性和復雜的標簽嵌套方式,可以算是添加樣式最困難的對象之一了。大多數前端er都把網頁中的table標簽替換為div,主要就是因為div要比table更容易添加CSS樣式。但是我們在日常應用中仍然要用到table表格,其中最好的例子就是對照表。今天彬Go將向大家推薦15個jQuery表格插件讓你對數據表格進行顯示、排序、篩選和操控。如jQuery表格排序插件、jQuery表格拖拽插件、jQuery樹形表格插件、設置顏色、點擊、替
系統 2019-08-29 22:15:50 2673
下面給出查看幫助文檔的例子Results:
一.表單組件基礎1.組件簡介jQueryMobile中的表單組件是基于標準HTML,然后在此基礎上增強樣式,因此即使瀏覽器不支持jQueryMobile表單仍可正常使用。需要注意的是,jQueryMobile會把表單元素增強為觸摸設備很容易使用的形式,因此對于iphone/ipad與Android使用Web表單將會變得非常方便。jQueryMobile的表單組件有以下幾種:文本輸入框,type="text"標記的input元素會自動增強為jQueryMob
系統 2019-08-29 22:54:37 2671
如Kayo之前所寫的文章《使用jQueryMobile與HTML5開發WebApp——jQueryMobile內容格式》中所述,這次介紹的是jQueryMobile列表組件。jQueryMobile列表雖然也是對頁面內容進行豐富,但jQueryMobile列表會給標準的HTML賦予一套樣式以及豐富的交互處理,因此它是一套完整的組件,并且jQueryMobile對其進行優化,使到jQueryMobile列表成為易于觸摸的控件。下面對列表組件進行詳細的介紹。一
系統 2019-08-29 22:35:48 2671
倒計時一般是用來表示未來某一時刻距現在時刻還剩多少時間。倒計時在WEB上應用非常廣泛,如考試系統倒計時,團購網站中的優惠活動倒計時等等。今天,我們來使用jQuery實現一個簡單的倒計時功能。查看演示下載源碼本文以團購網站的倒計時為背景,我們知道,網站會給每個優惠活動(商品)定一個結束時間,也就是到期時間,但系統時間到達了結束時間,就意味著活動結束。因此,我們在HTML中就要定義活動的結束時間。HTML
系統 2019-08-29 23:32:28 2670
1、NiceScroll:可用于桌面、移動與觸摸設備的jQuery滾動插件NiceScroll是一個jQuery插件(since1.5),它有著類似于ios/移動設備的樣式。它支持Div、iFrame、一個body的滾動條效果。適用于iOS設備。在線演示|下載2、Lion樣式jQuery滾動條:nanoScrollernanoScroller提供提供了一種簡便的方式讓你的網站擁有MacOSXLion樣式的滾動條。在線演示|下載3、jQuery自定義內容滾動
系統 2019-08-29 23:45:49 2669
15個JQueryTable相關的插件:http://www.webdesignbooth.com/15-great-jquery-plugins-for-better-table-manipulation/TreeTable支持節點間的托拽:http://ludo.cubicphuse.nl/jquery-plugins/treeTable/doc/index.html#example-115個PhotoGalleryhttp://www.webdesi
系統 2019-08-29 22:48:41 2667
實例:
系統 2019-08-29 22:41:33 2667
基于jQuery右下角旋轉環狀菜單代碼。這是一款固定在頁面的右下角位置,當用戶點擊了主菜單按鈕后,子菜單項會以環狀旋轉進入頁面,并使用animate.css來制作動畫效果。效果圖如下:在線預覽源碼下載實現的代碼。html代碼:
<
系統 2019-08-29 22:41:54 2665
JQuery選擇器的特點:1.簡化代碼編寫$("#標記ID")相當于document.getElementById("標記ID"),是通過元素id來獲取元素對象。$("標記名稱")相當于document.getElementByTagName("標記名稱"),是通過元素名稱來獲取元素組。2.隱式迭代$("標記名稱").css("background-color","red");“$("標記名稱")”代表頁面中一組元素;$("標記名稱").css("back
系統 2019-08-12 09:30:10 2664
效果圖演示地址用法程序代碼$(document).ready(function(){$('div').setScroll({img:'Scroll_bk.gif',width:10},//background-imageandwidth{img:'Scroll_arrow_up.gif',height:5},//up{im
系統 2019-08-29 22:40:32 2663
記錄一下工作中點滴,將jquery-uiautocomplete+springmvc+mybatis+oracle實現輸入提示的demo與大家共享一下.具備功能:1)支持中文,英文,數字輸入提示2)支持按中文首字母提示js/***輸入提示*@param$searchInput查詢條件input*@paramurl查詢匹配內容的serverurl*/functiononAutocomplete($searchInput,url){$searchInput.a
系統 2019-08-12 09:30:24 2663
C1Wijmo全部的控件是完全可定制的,并且可以根據你自己的需求定制他們的界面外觀。我準備使用C1Menu演示這一點。讓我們從向控件應用自定義主題開始。改變主題1)創建一個網站,然后拖放一個C1Menu到web頁面上。2)單擊智能標記,并打開任務菜單。3)在主題屬性中輸入CDN的URL以指定主題。例如,在我們的這個例子中,我們應用ui-darkness主題http://jquery-ui.googlecode.com/svn/tags/1.8.14/the
系統 2019-08-12 09:29:30 2663