靈活滑動到頂部的手風琴是獨一無二的,因為打開面板時,它的頭會自動移動到頁面頂部。手風琴支持一個或多個打開的面板在同一時間。對於兩種情況,工作演示包含在下載包。靈活的滑動到頂部的手風琴是完美的建築物FAQ頁面,設有如頭條新聞或其他任何東西,開發人員可能想到的內容。修改手風琴的樣式可以通過CSS(顯然)來完成。,裡面的手風琴面板,任何類型的HTML內容的支持,從圖像,文本或表格 要求: 在客戶端中啟用JavaScript...

閱讀更多

一個視差幻燈片以不同速度變化的圖像和滑塊背景,給人一種3D透視效果。一個演示包括在下載包 功能: 在響應式設計在側面導航控件在虛線導航控件在CSS3驅動的過渡 要求: 在CSS...

閱讀更多

照片只需通過添加“/畫廊”目錄結構中不同的文件夾來組織類別/相冊。PHP將在頁面的中心檢索該文件夾的內容並顯示圖像。縮略圖欄也顯示在底部的圖像之間快速切換。點擊圖像上也將允許用戶在其自然分辨率查看。樣本庫中還包括與新鮮滑動縮略圖畫廊包 功能: 在液體形式圖片專輯在整個屏幕上觀看影像支持縮略圖 XML設置圖片說明圖片縮放 要求: 在客戶端中啟用JavaScript...

通過從縮略圖欄選擇整頁圖片廊將照片和動畫顯示頁面的背景。如果圖像是比頁面本身較大,用戶可以使用他的鼠標光標移動視上下圖像,在其自然長寬比和分辨率檢查照片的各個領域。如果圖像小於屏幕,照片將被調整,以適應當前視口。整頁圖片廊是完美的加入非常迷人的形象和觀眾的畫廊為您的網站,工作的偉大與高端網站 和產品設計。一個現成的,功能全頁圖片廊樣本包含在默認的下載包 要求: 啟用在客戶端的jQuery...

全屏背景圖片幻燈片易於配置,允許現代形象滑塊只用CSS 3代碼構建。可見的影響將以前所需的jQuery或其它的JS腳本來使用,但全屏背景圖像幻燈片使用的背景定位技術,CSS 3動畫和CSS 3變換到沒有JavaScript完全模仿此行為的混合物。幻燈片支持各種過渡類型,圖像旋轉,甚至文字說明。有三個演示,其中一人模仿通過CSS 3單獨著名的和令人印象深刻Ken Burns效果 要求: CSS...

在頁面加載,全屏畫廊與縮略圖顯示翻轉屏幕上的整個區域的圖像。如果瀏覽器被調整大小,以便為背景圖像。設置在右側頁面的縮略圖滑塊與涼爽的翻頁效果,讓用戶可以通過圖像列表導航。一旦用戶切換到一個新的圖像,縮略圖圖像慢慢通過CSS 3旋轉和背景圖像被相應地改變。全屏照片縮略圖翻轉例子包括在下載包中這樣你就可以更好地了解畫廊的作品 要求: 的JavaScript 的jQuery...

的效果的工作原理是分割圖像中的兩個旋轉片和將它們應用到頁面的整個區域。而在全屏觀看模式中,用戶可以通過按下在屏幕的右上角的一個特殊的圖標返回到原來的圖。這種效果是偉大的具有圖像幻燈片,HTML 5視頻播放器和其他集成。一個演示包括在下載包 要求: 在客戶端中啟用JavaScript 在CSS3功能的瀏覽器的jQuery 限制: ...

HTML5的全屏圖像模糊效果使用的HTML 5帆布工具來繪製和渲染相冊之間所使用的模糊效果。開發人員可以在他認為合適的調整模糊量和動畫的速度。這種模糊效果是通過 StackBlur 實際供電。該畫廊還包括在底部,縮略圖滑塊允許用戶在兩者之間相冊從幻燈片的任何位置切換縮略圖特殊滑塊。至於使用場景,HTML5的全屏圖像模糊效應可用於幾乎任何地方全屏畫廊可能是有用的。請注意:該插件可以暫時阻止在頁面加載一個網頁瀏覽器,由於較高的CPU資源的消耗。一個演示包括在下載包 要求: ...

“全屏幻燈片與HTML5音頻和jQuery的”實際工作整版而不是全屏,使用可用的視口(屏幕)的大小。在幻燈片中顯示的每個圖像,標題(描述,字幕)可以被表示為良好。縮略圖欄還示出的頁面,用戶可以在其中選擇新的圖像來查看的頂部。默認情況下,幻燈片開始在網頁加載。如果縮略圖欄擁有更多大拇指不是瀏覽器的寬度可以容納,滾動條會自動添加到幫助瀏覽全部豎起大拇指。為了幫助用戶降低音量,甚至靜音的背景音樂,一個按鈕包含到庫中的左上方 要求: < UL> 的JavaScript客戶端啟用的jQuery...

閱讀更多

網格導航效果可以建立圖片庫,投資組合頁面,過濾控制,或者其他任何使用場景,可能涉及電網和動畫中使用。其作用是使網格元素欣然消失,並有一組新的項目出現無需重新加載頁面。電網導航效果基本上隱藏了設計組項目的並使用分頁參數使得另一組可見。開發人員可以自定義喜歡的網格行,過渡類型,動畫速度,寬鬆,以及更多數量的細節。十內置效果,以及實例每個都包含在網格導航效果包 功能: ...

閱讀更多