這篇文章是使用jQueryMobile與HTML5開發WebApp系列的第二篇,在本文以及接下來的數篇文章Kayo將會介紹jQueryMobile的組件、事件響應以及可以調用的方法,而作為該系列的第一篇文章,Kayo將會先介紹jQueryMobile的基本情況和一些基礎的實例。一.jQueryMobile的漸進增強設計與瀏覽器支持在上一篇文章中,Kayo簡單介紹了漸進增強設計的概念,可以參考文中的第四點內容。而jQueryMobile雖然是一些新web技術
系統 2019-08-29 23:12:17 2726
昨天我們介紹了一款HTML5文件上傳的jQuery插件:jQueryHTML5uploader,今天我們將開發一個簡單的叫uploadcenter的圖片上傳程序,允許用戶使用拖拽方式來上傳電腦上的圖片,使用現在瀏覽器支持新的HTML5API。圖片將會有一個預覽和進度條,都由客戶端控制。目前,圖片都保存在服務器上的一個目錄里,當然你可以自己加強相關功能。在線演示在線下載什么是HTML文件上傳?使用HTML5上傳文件其實綜合使用了3種技術,新的FileRead
系統 2019-08-29 22:22:41 2726
首先,可視化一個HMTL文檔的DOM樹是很有幫助的。一個簡單的HTML頁面看起來就像是這個樣子:事件冒泡(又稱事件傳播):當我們點擊一個鏈接時,其觸發了鏈接元素的單擊事件,該事件則引發任何我們已綁定到該元素的單擊事件上的函數的執行。利用事件傳播(這里是冒泡)這個機制,就可以實現事件委托。具體來說,事件委托就是事件目標自身不處理事件,而是把處理任務委托給其父元素或者祖先元素,甚至根元素(document)。一個單擊操作會觸發alert函數的執行。click事
系統 2019-08-29 22:02:23 2723
日期:2012-5-2來源:GBin1.com在線演示1在線演示2本地下載大家在開發過程中往往需要有效的展示不同類別下的圖片或者文字內容,這個過程中你可能需要使用不同的標簽來過濾不同類別下的圖片內容,或者提供給用戶一個方便的方式來選擇不同的列別。今天我們這里將使用jQuery插件-filtrify來快速精致的實現一個超酷的摩托車分類展示應用,大家可以看到使用filtrify來使用標簽分類顯示圖片是多么的簡單,而且使用isotype來生成動畫展示特效,希望大
系統 2019-08-12 09:29:30 2722
HTML代碼,測試地址:jQuery遍歷-closest()方法------我粘代碼上來,在頁面上會自動隱藏(會顯示一下)!誰能教我這是腫么回事!1.通過item-1查找level-3(查找直接上級)復制代碼代碼如下:$('li.item-1').closest('ul')$('li.item-1').parent()$('li.item-1').parents().eq(0)2.通過item-1查找level-2(通過選擇器查找父元素)復制代碼代碼如下:
系統 2019-08-29 22:57:20 2719
在《使用jQueryMobile與HTML5開發WebApp——jQueryMobile基礎》中,Kayo曾經簡略介紹過jQueryMobile的頁面組件,當時只是舉了一個簡單的例子說明一下頁面組件的情況,本文將會拓展說明頁面組件的具體細節。一.頁面基礎在jQueryMobile中,頁面這個概念與傳統的Web頁面有一個很大的區別——jQueryMobile中的頁面可以是單個的頁面,也可以是一個頁面中內嵌多個"Page",“Page”是jQueryMobil
系統 2019-08-29 22:22:27 2715
視差滾動(ParallaxScrolling)是指讓多層背景以不同的速度移動,形成立體的運動效果,帶來非常出色的視覺體驗。作為今年網頁設計的熱點趨勢,越來越多的網站應用了這項技術。現在越來越多的網站采用視差水平滾動來創建絢麗的效果,其實這樣的效果使用jquery實現的,上一次我發布了一篇使用這個效果做的網站,《40個視差滾動效果網站的新技術應用》,今天就給大家分享一下這樣的效果實現原理,下一次在做網站的時候你就可以使用這樣的效果作出絢麗的效果Demo1–創
系統 2019-08-29 23:12:47 2707
在線演示本地下載大家有沒有嘗試使用純CSS和Javascript來生成帶有顏色的元素陰影?如果你也想生成這樣超酷的特效的話,大家可以嘗試使用這個jQuery插件:realshadow。使用這個簡單的插件,你可以迅速給頁面上的特定元素添加陰影效果,最酷的地方在于隨著你的鼠標位置,陰影會對應改變的哦!如何使用?這個插件的使用非常簡答,你只需要倒入jQuery和插件類庫,如下:
系統 2019-08-12 09:29:31 2704
前文對屬性的設置、讀取、刪除方法做了分解,本文繼續對jQueryattributes模塊分解。jQuery.fn.addClass/*************************************value:字符串或者是函數,字符串可以通過空格分隔className*/jQuery.fn.addClass=function(value){varclasses,elem,cur,clazz,j,i=0,len=this.length,proceed
系統 2019-08-12 01:33:32 2694
本插件的圖片和css和有些js代碼來源于網上,如果有侵權,請聯系本人,馬上撤掉,目前不適用于商業,希望大家幫忙測試測試,找找BUG,謝謝。本插件目前具有如下功能:1、支持拖拉2、支持多窗口3、支持有無背景層4、支持固定定位和絕對定位5、屏幕的9個方位顯示以及自定義坐標6、支持有無邊框和有無標題7、支持吸附與某個id顯示8、支持可拖動9、支持自動關閉10、支持alert,confirm對話框模式11、支持內容為id,圖片,url,框架12,兼容ie6的fix
系統 2019-08-12 09:29:57 2691
一.摘要本章講解jQuery最重要的選擇器部分的知識.有了jQuery的選擇器我們幾乎可以獲取頁面上任意的一個或一組對象,可以明顯減輕開發人員的工作量.二.前言編寫任何javascript程序我們要首先獲得對象,jQuery選擇器能徹底改變我們平時獲取對象的方式,可以獲取幾乎任何語意的對象,比如"擁有title屬性并且值中包含test的元素",完成這些工作只需要編寫一個jQuery選擇器字符串.學習jQuery選擇器是學習jQuery最重要的一步.三
系統 2019-08-29 23:48:33 2688
在一個比如表單驗證的過程中,有時候,假如要用戶一定要輸入某個字段,否則不給輸入其他字段,即屏蔽其他字段的輸入,這個時候依然可以用jquery可以做到,例子如下:1假如頁面有三個字段,用戶名和密碼和密碼確認三個字段: