javascript
11种控制内容展示的JavaScript特效和技巧
交付信息結構是一個交互式用戶界面所需要完成的首要任務。更直觀的布局結構設計,能使用戶更好的理解內容。
不管你想要介紹的是什么樣的內容,你都可以以更加互動和更加適應的方式去呈現現它。本文里面,我們為你收集整理了11種高超的JavaScipt技術,讓你更好的控制內容的顯示方式,以便用于下一次的布局設計。
“頁面滑動門”, “隱藏的內容”, “圖片和內容滑動門”, “動畫幻燈片”, “傳送帶”, “Tab內容選項卡” ,結合各種拖拽、滑動、燈箱等特效,這就是下面將為你呈現的。
1. jQuery pageSlide
?
這適合在有限的空間里,在主頁里放重要內容,而隱藏頁放一些并不一定要顯示,而是有需要的用戶才去展開顯示的內容。當然,我是這么簡單舉個例,你愛怎么用又是另外一回事兒。
要查看DEMO,你可以進入這個插件的主頁,點擊“Click for a pageSlide demo.”這個鏈接。
2. Create a simple ul list with a nice slide-out effect for <li> elements
?
3. Portfolio Layout Idea Using jQuery
?
它在頁面兩邊顯示帶縮略的作品列表,當你點擊每個條目時,會在中間部分以退場然后進場的特效呈現出該作品的全部內容。
查看DEMO
4. Creating a Slick Auto-Playing Featured Content Slider
?
查看DEMO
5. Easy Image or Content Slider
?
6. mooSlide
?
查看DEMO
7. jQuery.SerialScroll
?
查看DEMO
8. Agile Carousel
?
9. Animated JavaScript Slideshow
?
查看DEMO
10. Sexy Lightbox 2
?
查看DEMO
11. UI.Layout
?
英文譯文:? 10 Smart Javascript Techniques For Manipulating Content /Noupe
中文翻譯:? 11種控制內容展示的JavaScript特效和技巧/帕蘭映像
轉載于:https://www.cnblogs.com/CB/archive/2009/02/05/1384269.html
總結
以上是生活随笔為你收集整理的11种控制内容展示的JavaScript特效和技巧的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 梦到家里有好多苍蝇怎么回事
- 下一篇: Lightbox JS v2.0