2011年2月18個最給力jQuery教程分享

2021-01-07 IT168

  【IT168 專稿】新年伊始,相信廣大的程式設計師們也都有了自己的新年計劃。在新的一年裡,你為自己定下了怎樣的目標呢?本文選取了在2011年最給力的18個jQuery的教程分享給大家,希望大家在新年開始能學習到不少實用的jQuery技術知識。

  1、利用視覺差效果的幻燈圖片播放器

  在這篇教程中(http://tympanus.net/codrops/2011/01/03/parallax-slider/),將介紹如何利用人的視覺差的原理,設計一個向左滑動的幻燈圖片播放器,其中當用戶在瀏覽圖片時,會感覺到圖片和背景都在向左快速滑動,效果很眩。

  2、表單切換的動畫效果

  在這篇教程中(http://tympanus.net/codrops/2011/01/06/animated-form-switching/),你將會學習到如何在用戶填寫表單時(一般來說都會有若干步)切換幾種不同的表單的效果,這可以讓用戶在表單切換時,感覺到依舊是在同一個頁面中的變換效果。實現其實很簡單,都是在一個頁面容器中進行了動畫的變換,只不過是在表單的尺寸大小都變換了。

  3、一個jQuery實現的帶有預覽縮略圖的圖片庫效果

  在這篇教程中(http://tympanus.net/codrops/2011/01/19/sweet-thumbnails-gallery/),你將會學習到如何用jQuery實現一個向左滑動的圖片瀏覽功能,但這個跟普通的圖片瀏覽功能有點不同的時,當用戶點上圖的下面那些小圓點的時候,能夠預覽到還沒查看的圖片的小的預覽圖,這樣將會方便用戶決定是否繼續去查看,如果願意查看的話,則點擊縮略圖就可以打開完整的圖片了。

  4、一個特別的引號顯示效果

  在這篇教程中(http://www.marcofolio.net/webdesign/jquery_quickie_smooth_animated_quote_display.html),你將會學習到,如何把一段文字放在一個如上圖顯示的特別的雙引號之內。

  5、閱讀jQuery代碼後的收穫

  Paul Irish這位工程師,致力與jQuery和Google Chrome的研究,做了一個視頻講解,(http://net.tutsplus.com/articles/lectures/11-more-things-i-learned-from-the-jquery-source/),在其中講解了他從jQuery代碼中的閱讀所得。

  6、用jQuery實現一個HTML5的幻燈自動播放效果

  在HTML5中,播放圖片時可以設置自動播放的屬性,而在本篇教程中(http://tutorialzine.com/2011/01/how-to-make-auto-advancing-slideshows/),講解了如何使用jQuery去實現這個效果。

相關焦點

  • 教程:---《JQuery如何工作》
    點擊上方「web前端網頁設計」一鍵關注,更多Html div css HTML5+CSS3、JavaScript、JQuery,PHP、mysql、帝國CMS建站教程盡在掌握前言:我最近在做一個項目,需要用到ajax,我以前做ajax項目,已經有很多年了,jquery還不成熟,需要自己編寫大量的Javascript代碼。
  • jquery非常詳細的使用教程
    目前還沒有jQuery UI的中文教程. 因為本文是實戰篇, 所以不會仔細講解基礎內容. 在後面的章節中我會加入jQuery UI的基礎教程.爭取成為中文jQuery UI第一教程. 四. 本文的實例的所有引用都使用WebConfig.ResourceServer 這個屬性: public class WebConfig{    publicstatic string ResourceServer = @"http://www.dotnetapi.com/";}五.彈出層對話框彈出框是最常用最實用的功能
  • 編寫jquery插件的分享
    作為一個前段程式設計師,肯定經常用到一些javascript插件吧,不得不承認,jquery是其中的比較優秀的插件之一,那麼我們有沒有想過我們自己也可以來封裝一個插件呢,下面我給大家分享一些方法,希望對大家有些幫助。
  • jQuery - AJAX post() 方法
    實例:使用 $.post() 連同請求一起發送數據$("button").click(function(){ $.post("demo_post.php", { name:"菜鳥教程
  • 9個有用的jQuery日曆和日期選擇器插件
    【IT168技術】事件日曆和日期選擇器是是我們開發當中經常遇到的問題,這個時候我們就需要用jquery插件來實現,昨天我在做項目的時候,遇到了個問題就是如何顯示倒計時問題,我這個時候就用jquery插件解決的,今天給大家分享9個其他的時間選擇器插件  FullCalendar  FullCalendar
  • jQuery學習筆記
    分組與嵌套基本篩選器屬性選擇器表單篩選器篩選器方法(通過方法選擇jQuery對象)操作標籤操作類css操作位置操作尺寸文本操作值操作屬性操作文檔處理事件綁定時間(兩種方式)實例PS:概念安裝3.x 為官方主要維護和更新版本(不兼容IE678)// 官方中文教程
  • 帝國cms+jquery.lazyload.js實現圖片延遲懶加載的極簡方法
    學而行營銷網的需求如下:1:首頁或列表頁的圖片式布局實現懶加載;2:網站內容文章裡的圖片也比較多,最好能實現懶加載;欲煉神功,必先自宮。菜鳥小白請先參考網上的教程,然後再回來。1.jquery.lazyload.js圖片延時加載插件使用教程2.jQuery圖片懶加載 lazyload.js使用方法(深入版)3.jQuery圖片延遲加載插件jQuery.lazyload4.懶加載插件 – jquery.lazyload.js簡單調用5.織夢dedecms圖片加data-original圖片延時加載功能代碼
  • jQuery 設置
    jQuery - 設置內容和屬性設置內容 - text()、html() 以及 val()我們將使用前一章中的三個相同的方法來設置內容:
  • 最常見的 20 個 jQuery 面試問題及答案
    在本篇文章中,我要向 HTML 和 JavaScript 開發人員分享 20 個在不同面試遇到的 jQuery 問題。這裡面的一些問題也許同樣會在那些要求同時進行服務端(Spring,Servlet 和 JSP)和客戶端(HTML,CSS,JavaScript 和 jQuery)的開發 Java Web 開發面試中涉及。
  • jquery mootools - CSDN
    作為我播客外觀的擴展,我想分享一些代碼片段,以使您對MooTools或jQuery的介紹更加容易。<script type="text/javascript" src="moo1.2.4.js"></script><script type="text/javascript" src="jquery-1.4.js"></script><script type
  • jQuery - each() 方法
    DOCTYPE html><html><head><meta charset="utf-8"><title>菜鳥教程(runoob.com)</title>
  • jquery 社交分享插件專題及常見問題 - CSDN
    iShare 是一款令人驚詫的 jquery  分享和書籤插件。它有許多功能,比如說支持分享到社交網站,支持 shortcode,可選擇激活分享到哪些社交網站,另外還有其他許多可自定義的功能。jsSocials 是一個簡單的社交網絡分享 jQuery 插件。它靈活多變且易於擴展。可視外觀可自定義(自己配置)。同時提供了幾套主題供開發者選擇。
  • 月光寶盒很給力,裸眼觀看2011年3D電影
    月光寶盒很給力,裸眼觀看2011年3D電影    想隨時隨地看3D電影?是的,現在擁有自己的3D隨身播放器已經不是夢想了,各位數碼達人快來看看吧!《青蜂俠》(The Green Hornet)  上映日期:2011年1月14日  由米歇爾•岡瑞執導,塞斯•羅根、卡梅隆•迪亞茨和周杰倫等明星共同主演的新片《青蜂俠》原計劃於2010年年底上映,但為給3D轉換留出足夠時間,索尼公司將影片上映日期延後至2011年1月14日,屆時《電子世界爭霸戰2》、《瑜伽熊》、《哈利•波特與死亡聖器
  • jquery與js的區別是什麼?js與jquery的用法區別介紹
    在學習js的時候我們肯定能夠接觸到jquery,那麼,js與jquery之間有什麼區別呢?本篇文章將給大家來分享關於jquery與js之間的區別比較,有需要的小夥伴可以參考一下,希望能夠幫助到你們。我們來簡單看一下jquery與js的概念。js是一種腳本語言,常用於網頁客戶端編程,使網頁在客戶端瀏覽器中,實現更多地動態功能,表現出更加豐富的視覺效果。jquery是一個快速、簡潔的JavaScript框架,極大的簡化了javascript編程。
  • mango是什麼意思 hd2 wp7刷機教程 直刷最成熟的芒果
    mango是什麼意思 hd2 wp7刷機教程 直刷最成熟的芒果 今天告訴椒友們一個非常振奮的好消息,HD2終於有windows phone 7.5的直刷包了,今天小猴來和椒友們分享一下這個
  • 2013年11月 15個最新的jQuery插件
    本文我們列舉了 15個截至2013年11月為止最新的jQuery插件 ,合理利用這些插件將會極大地增強網頁的表現力,突出網站主題。1. Maplace.js 本插件將使你頁面上任何容器僅通過一句JS調用就能自動適應你網站的任何位置。
  • 2011年美國100個最熱寶寶英文名
    2011年美國100個最熱寶寶英文名為美國會員的真實分享,在羅列中,我們合併了那些發音相同、但拼寫方式不同的名字,如Aden、Aiden、Ayden等。100個最熱寶寶英文名  英文PConline通過對2011年美國寶寶起名數據的分析和對比,Sophia擊敗了2010年的Isabella,成為美國人最青睞的女孩英文名。
  • 30 個最棒的 jQuery 的拖放插件 - OSCHINA - 中文開源技術交流社區
    在本文中我們向你推薦 30 個最棒的 jQuery 的拖放插件。點擊圖片訪問插件網站:1. Dropper3. Dragdealer18. Table DNDhttp://widgets.better2web.com/loader/24. jQuery Drag Expose
  • 2011年2月18日長沙gre作文機經
    考試時間:2011年2月18日 上午8:30  ISSUE130."How children are socialized today determines the destiny of society.
  • 7 個 jQuery 最佳實踐
    這其中最流行的JavaScript庫就是jQuery。但是jQuery的大量應用卻帶來了另外一個問題:在使用JavaScript庫的時候,有哪些最佳實踐,又有哪些不好的實踐呢?事實上,我選擇了其中7個最常見的場景。 1、使用CDN及其回退地址(fallback)  CDN代表內容傳遞網絡(Content Delivery Network),是一個緩存了JavaScript文件的伺服器。使用CDN之後,每當一個新用戶發起請求的時候,你的應用程式可以使用CDN緩存,而不用從你的伺服器上重新加載庫文件。