隨筆分類 - jQuery
jQuery相關(guān)文章
摘要：jQuery 最令人印象深刻的應(yīng)用之一就是對(duì)圖片的處理，它可以讓幫助你在你的項(xiàng)目中加入一些讓人驚嘆的圖片切換效果。ZOOM 是一款全屏效果的 jQuery 圖片切換展示插件，支持鍵盤前后按鍵切換，支持移動(dòng)設(shè)備。
閱讀全文
摘要：今天的教程是關(guān)于創(chuàng)建使用 CSS 旋轉(zhuǎn)變換和 JavaScript 制作動(dòng)畫書簽效果。我們的想法是展現(xiàn)出樣書狀結(jié)構(gòu)，使單一的色板或列表點(diǎn)擊切換。當(dāng)點(diǎn)擊其中一項(xiàng)，我們就會(huì)旋轉(zhuǎn)以顯示所選擇的項(xiàng)目。
閱讀全文
摘要：
現(xiàn)在的網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格正在朝著扁平化發(fā)展，力求布局簡(jiǎn)潔，突出主題內(nèi)容。而另一方面，網(wǎng)頁(yè)交互則變得越來(lái)越多樣性，讓用戶在操作的時(shí)候可以更愉悅。當(dāng)下很流行給網(wǎng)頁(yè)元素添加動(dòng)畫，隨著 Web 技術(shù)的發(fā)展，動(dòng)畫的實(shí)現(xiàn)方式有多種：JavaScript、CSS3、SVG 以及 Canvas。這篇文章挑選6款幫助前端開發(fā)人員實(shí)現(xiàn)元素動(dòng)畫的插件。
閱讀全文
現(xiàn)在的網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格正在朝著扁平化發(fā)展，力求布局簡(jiǎn)潔，突出主題內(nèi)容。而另一方面，網(wǎng)頁(yè)交互則變得越來(lái)越多樣性，讓用戶在操作的時(shí)候可以更愉悅。當(dāng)下很流行給網(wǎng)頁(yè)元素添加動(dòng)畫，隨著 Web 技術(shù)的發(fā)展，動(dòng)畫的實(shí)現(xiàn)方式有多種：JavaScript、CSS3、SVG 以及 Canvas。這篇文章挑選6款幫助前端開發(fā)人員實(shí)現(xiàn)元素動(dòng)畫的插件。
閱讀全文
摘要：非常炫的圖片旋轉(zhuǎn)滑動(dòng)特效，相信會(huì)給你留下深刻印象?；瑒?dòng)圖像時(shí)，我們會(huì)稍稍旋轉(zhuǎn)它們并延緩各元素的滑動(dòng)?；瑝K的不尋常的形狀是由一些預(yù)先放置的元素和使用邊框創(chuàng)建。另外支持自動(dòng)播放選項(xiàng)，鼠標(biāo)滾輪的功能。
閱讀全文
摘要：Elastislide 是一款非常優(yōu)秀的響應(yīng)式 jQuery 圖片循環(huán)展示（旋轉(zhuǎn)木馬）插件，集成了 Touchwipe 插件以支持觸屏設(shè)備。提供了四種效果：水平圖片傳送帶、垂直圖片傳送帶、固定在屏幕底部以及縮略圖形式預(yù)覽。
閱讀全文
摘要：在這個(gè)小實(shí)驗(yàn)中，我們創(chuàng)建了一個(gè)交互式的照片堆棧效果。提供了一些模擬現(xiàn)實(shí)的互動(dòng)的可能性給用戶。這個(gè)想法的思路是：有一些照片在桌面上可以拖放一樣，堆放和刪除，每個(gè)動(dòng)作類似現(xiàn)實(shí)世界的行為。
閱讀全文
摘要：作為最優(yōu)秀的 JavaScript 庫(kù)之一，jQuery 不僅使用簡(jiǎn)單靈活，同時(shí)還有許多成熟的插件可供選擇，它可以幫助你在項(xiàng)目中加入漂亮的效果。這篇文章挑選了12個(gè)優(yōu)秀的 jQuery 實(shí)例教程，這些 jQuery 教程將幫助你把你的網(wǎng)站提升到一個(gè)更高的水平。
閱讀全文
摘要：這個(gè)一款簡(jiǎn)單的 jQuery 倒計(jì)時(shí)插件，用于顯示剩余的天數(shù)，小時(shí)，分鐘和秒。jQuery 編寫的一個(gè)簡(jiǎn)單的倒計(jì)時(shí)效果。倒計(jì)時(shí)功能是非常有用的一個(gè)小功能，可以告訴用戶多久以后您的網(wǎng)站將會(huì)發(fā)布或者關(guān)閉進(jìn)行維護(hù)，還可以用于舉辦活動(dòng)的開始和停止的倒計(jì)時(shí)。
閱讀全文
摘要：tiltShift.js 是一款很棒的 jQuery 插件，使用 CSS3 圖片濾鏡來(lái)實(shí)現(xiàn)照片的移軸鏡頭效果。使用非常簡(jiǎn)單，使用 data 屬性配置參數(shù)。可以自定義對(duì)焦點(diǎn)的位置、模糊半徑、焦點(diǎn)的區(qū)域大小以及方向。
閱讀全文
摘要：今天我們要為您展示如何創(chuàng)建一個(gè)簡(jiǎn)單的彈性幻燈片，帶有縮略圖預(yù)覽功能。Elastic Image Slider 這款幻燈片能夠自動(dòng)調(diào)整以適應(yīng)到其父容器，我們可以通過(guò)幻燈片使用縮略圖預(yù)覽或幻燈片的自動(dòng)播放選項(xiàng)。
閱讀全文
摘要：今天我們要為您展示如何創(chuàng)建一些簡(jiǎn)單又不失時(shí)尚的圖片說(shuō)明懸停效果。我們的想法應(yīng)用懸停效果來(lái)顯示圖片對(duì)應(yīng)的標(biāo)題，作者和鏈接按鈕。對(duì)于一些的效果，我們將使用3D變換。這樣做的目的是保持奇妙的效果，并為許多不同的變化提供了靈感。
閱讀全文
摘要：這里集合了幾款很棒的制作網(wǎng)頁(yè)滾動(dòng)動(dòng)畫的 JavaScript 庫(kù)和插件。它們中，有的可以幫助你在頁(yè)面滾動(dòng)的時(shí)候添加動(dòng)感的元素動(dòng)畫，有的則是實(shí)現(xiàn)目前非常流行的全屏頁(yè)面切換動(dòng)畫。相信借助這些插件，你也可以讓網(wǎng)站變得高大上起來(lái)。
閱讀全文
摘要：這里分享一個(gè)超炫的時(shí)間軸展示作品集效果。設(shè)計(jì)師和前端開發(fā)人員可以借助這個(gè)效果來(lái)制作新穎的作品集和個(gè)人簡(jiǎn)歷。時(shí)間軸專門用來(lái)呈現(xiàn)出年代的一系列事件。您可以把這種效果嵌入各種媒體，包括微博，視頻和地圖，并把它們與日期相關(guān)聯(lián)。
閱讀全文
摘要：響應(yīng)式（Responsive）設(shè)計(jì)的目標(biāo)是要讓產(chǎn)品界面能夠響應(yīng)用戶的行為，根據(jù)不同終端設(shè)備自動(dòng)調(diào)整尺寸，帶給用戶良好的使用體驗(yàn)。這篇文章收集了22款優(yōu)秀的響應(yīng)式 jQuery 幻燈片插件，它們能夠幫助你在 Web 項(xiàng)目中實(shí)現(xiàn)有吸引力的圖片滑塊效果。
閱讀全文
摘要：《Web 前端開發(fā)精華文章推薦》自2011年6月20號(hào)發(fā)布第一期以來(lái)，歷經(jīng)三年半，總共發(fā)布了30期。今天這篇是2014年第10期（總第31期），希望你能在這里發(fā)現(xiàn)有用的資料。夢(mèng)想天空博客關(guān)注前端開發(fā)技術(shù)，分享各類能夠提升網(wǎng)站用戶體驗(yàn)的優(yōu)秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技術(shù)應(yīng)用。
閱讀全文
摘要：在開發(fā)中，一些功能需要用到倒計(jì)時(shí)，例如最常見的活動(dòng)開始、結(jié)束的倒計(jì)時(shí)。使用最流行的 JavaScript 庫(kù)來(lái)制作這個(gè)效果很簡(jiǎn)單。下面就是一個(gè) jQuery 制作的逼真的日歷翻轉(zhuǎn)效果的倒計(jì)時(shí)功能。
閱讀全文
摘要：Devrama Slider 是一個(gè)圖片滑塊，支持很多特色功能。除了支持圖片滑動(dòng)，其它的 HTML 內(nèi)容也支持。主要特色：響應(yīng)式、圖片預(yù)加載、圖片延遲加載、進(jìn)度條、自定義導(dǎo)航欄和控制按鈕等等。
閱讀全文
摘要：jQuery Face Detection 是一款人臉檢測(cè)插件，能夠檢測(cè)到圖片，視頻和畫布中的人臉坐標(biāo)。它跟蹤人臉并輸出人臉模型的坐標(biāo)位置為一個(gè)數(shù)組。我們相信，面部識(shí)別技術(shù)能夠給我們的 Web 應(yīng)用帶來(lái)各種可能性，創(chuàng)造出互動(dòng)的，有趣的功能。
閱讀全文
摘要：手風(fēng)琴效果常用于切換顯示一組內(nèi)容，這種方式既可以節(jié)省網(wǎng)頁(yè)空間又可以有動(dòng)畫效果。今天，我們將創(chuàng)造一個(gè)優(yōu)雅的手風(fēng)琴內(nèi)容效果。這個(gè)想法是有懸停時(shí)滑出一些垂直手風(fēng)琴標(biāo)簽。我們將添加一些 CSS3 屬性來(lái)提升外觀。
閱讀全文
摘要：對(duì)于我們大多數(shù)人來(lái)說(shuō)，建立一個(gè)負(fù)責(zé)任的布局中最困難的方面是規(guī)劃和導(dǎo)航的實(shí)現(xiàn)。由于沒(méi)有真正經(jīng)得起考驗(yàn)的通用解決方案，您可以使用的菜單設(shè)計(jì)風(fēng)格將取決于正在建設(shè)的網(wǎng)站類型。無(wú)論你正在建設(shè)什么類型的網(wǎng)站，在這篇文章中我們將向推薦一批制作響應(yīng)式導(dǎo)航的 jQuery 插件，為您提供方便快速的解決方案。
閱讀全文
浙公網(wǎng)安備 33010602011771號(hào)