通過JavaScript特效控制內容展示的11種方法
互動資訊結構是一個互動式使用者介面所需要完成的首要任務。更直觀的佈局結構設計,能使使用者更好的理解內容。以下是本站小編搜尋整理的通過JavaScript特效控制內容展示的11種方法,供參考借鑑,希望對大家有所幫助!想了解更多相關資訊請持續關注我們應屆畢業生考試網!
“頁面滑動門”, “隱藏的內容”, “圖片和內容滑動門”, “動畫幻燈片”, “傳送帶”, “Tab內容選項卡” ,結合各種拖拽、滑動、燈箱等特效,這就是下面將為你呈現的。
1. jQuery pageSlide()
jQuery pageSlide 是一個jQuery外掛,它可以控制一個隱藏頁面的顯示和關閉。具體來說,就是當前頁佔一個完整頁面,隱藏頁是看不到的,你設定一個控制的地方,點選該控制時觸發事件,隱藏的頁面就彈出來。再次點選隱藏頁面以外的空間,它就又關閉。
這適合在有限的空間裡,在主頁裡放重要內容,而隱藏頁放一些並不一定要顯示,而是有需要的使用者才去展開顯示的內容。當然,我是這麼簡單舉個例,你愛怎麼用又是另外一回事兒。
2. Create a simple ul list with a nice slide-out effect for 《li》 elements(http://woork.blogsp)
這個教程使用 MooTools slideOut ,實現一個簡單的UL列表,且為每個LI元素新增一個漂亮的點選隱藏特效。
3. Portfolio Layout Idea Using jQuery()
非常漂亮的一個特效佈局。由 Benjamin Sterling 建立的這個 portfolio layout 使用了jQuery的 easing plugin. 適合那些想用來展示個人作品集的使用者。
它在頁面兩邊顯示帶縮略的作品列表,當你點選每個條目時,會在中間部分以退場然後進場的特效呈現出該作品的全部內容。
4. Creating a Slick Auto-Playing Featured Content Slider()
Niall Doherty的 Coda Slider 為許許多多的設計師帶來了靈感。 Chris Coyier 建立的這個Slick Auto-Playing Featured Content Slider 使用 Coda Slider外掛 ,實現我們常說的”圖片焦點特效”。多用於門戶站。
5. Easy Image or Content Slider()
這個之前有過介紹,非常平滑,可設定項非常豐富的滑動門特效。
6. mooSlide()
mooSlide 是一個可以用來取代“lightbox” 模組的特效指令碼,它擁有許多有趣的功能選項,比如它可以從上或從下面彈出,它支援載入其它頁面的內容等。
7. jQuery.SerialScroll(http://flesler.blogsp)
alScroll 可以讓任何元素實現漂亮的動畫移動效果。它使用 llTo 來實現移動特效。具體還是看DEMO吧,我也描述的不是很清楚。
8. Agile Carousel()
9. Animated JavaScript Slideshow()
這個輕量級的JavaScript動畫幻燈片指令碼 包含一系列很酷的`功能來樣式化你的內容: 描述支援,連結支援,沒有命名限制,肖像圖片支援,縮圖狀態等等。
10. Sexy Lightbox 2()
Sexy Lightbox 2是一個精美的Lightbox克隆,不過它更小巧。 支援顯示圖片和HTML元素,並且完全相容HTML, 也就是說它可以顯示條目,頁面,視訊和所有其它你想要顯示的東西。超大圖片還可以自適應瀏覽器。需要Mootools框架。
11. ut()
這個佈局指令碼的靈感來自於 extJS border-layout. 它可以建立任何你想要的UI外觀-從簡單的標題到側邊欄,到一個應用程式的工具欄,選單,幫助面板,狀態列,提並表單等等。
-
計算機二級JAVA考試強化訓練題(單選)
為幫助考生們更快第掌握二級JAVA相應知識點,以下是本站小編搜尋整理的一份計算機二級JAVA考試強化訓練題(單選),供參考練習,預祝考生們考出自己理想的成績!想了解更多相關資訊請持續關注我們應屆畢業生考試網!單選題1).下列關於Applet的安全限制的敘述中,錯誤的是(...
-
Javascript和Java語言間的異同比較
雖然Javascript與Java有緊密的聯絡,但卻是兩個公司開發的不同的兩個產品。那麼js和java有什麼關係,兩種語言的不同點是什麼呢?以下是本站小編搜尋整理的關於Javascript和Java語言間的異同比較,供參考學習,感興趣的小夥伴們可以參考一下!想了解更多相關資訊請持續關...
-
Java多執行緒知識點
引導語;多執行緒是指從軟體或者硬體上實現多個執行緒併發執行的技術。以下是本站小編分享給大家的Java多執行緒知識點,歡迎閱讀!1.1多執行緒的概念多執行緒程式設計的含義是你可將程式任務分成幾個並行的子任務。特別是在網路程式設計中,你會發現很多功能是可以併發執行的。比如網...
-
經典Java基礎面試題
Java技術具有卓越的通用性、高效性、平臺移植性和安全性,廣泛應用於PC、資料中心、遊戲控制檯、科學超級計算機、行動電話和網際網路,同時擁有全球最大的開發者專業社群。下面小編給大家介紹經典Java基礎面試題,歡迎閱讀!經典Java基礎面試題1、如果main方法被宣告為...