40个幻灯片效果在网页设计中的应用案例
2011-02-24 19:33
1136 查看
幻灯片效果的应用在如今的网页设计中非常流行,这是一种突出重点,增强视觉趣味的有效方法。从技术角度来说,Jquery的流行使得幻灯片的实现变得十分简单。下面给大家展示40个非常有创意的幻灯片效果。
1. Tea Round
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030177/2b1b25e4a8231c87d59ac95722536afc.jpg)
2. Bixal
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030177/02bad293f64a5dd14deed7be20075690.jpg)
3. Jay Hollywood
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030177/a56f57145da02731e1f3592b8910d11d.jpg)
4. Squared Eye
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030195/5284c638b40d0a15192c84d89b9eee30.jpg)
5. mimeo
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030195/c44ae11ad5ee3fedc1be484130b981db.jpg)
6. Print Mor
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030195/34e8c7276ba0dc47de7b095114f9b9a8.jpg)
7. Rottefella
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030195/230684defaeb2175d372874c6f151aee.jpg)
8. These Are Things
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030195/5c101844bdd8e9cb7dcdd4409b21b264.jpg)
9. We Are Fixel
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030195/878b7aec4d0415ab6135d98a410c82ba.jpg)
10. winestore.
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030195/7828ad681020a84f1e06a3afaafb4dea.jpg)
11. Tokyo Digital
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030195/27ad34f17853ebd0d6248e571ed3aad1.jpg)
12. Digital Convulsions
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030195/303e59021e346ac71808e934a3bdbe6e.jpg)
13. Deluge Studios
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030195/5dd416e24d4d7d0f2b46ab61ca73cef1.jpg)
14. Design Royale
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030180/7cc950389b03beb4df8ef47c7b1e06f5.jpg)
15. Osmond Interactive
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030180/9fa8db9c0fe787fefdb5d37c49195f2f.jpg)
16. Legworkstudio
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030180/a6ecce5c29883964710ca4d2d79334ee.jpg)
17. Qlear
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030180/1f55d39f3bdc25f4b3623870b58b1af1.jpg)
18. James Lai Creative
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030180/3d777baf28a374566511e2ee797c1627.jpg)
19. We Are Signals
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030180/1b3e611b7b7c532c17150f9fea6730fc.jpg)
20. Little Black Dress Society
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030180/4c28c2b0b3fc624be860727cdfad133e.jpg)
21. paramoreredd
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030180/e017c735d0d1d656e3f9813612294bf2.jpg)
22. Verdeo
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030180/8322288ba0086460ed6ef51d0c2edefb.jpg)
23. Nosotros
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030180/4d3f53ea100a249c195a30dea75d39f6.jpg)
24. Brooklyn Fare
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030194/b4c08a3dffc215082462c2a454697d6e.jpg)
25. Jeremy
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030194/5ed8edc9a8e504fc2d75a7ce1d5b51e9.jpg)
26. soda
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030194/d3f114146eff1f5cf137f35ba59ebde8.jpg)
27. Crush + Lovely
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030194/e95ebd4d5ff71e34451498b008b66b38.jpg)
28. Paper Leaf
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030194/a1978049662e817db5f87e786cd1860c.jpg)
29. Mix Online
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030194/40cd206a27796acaa0fabac5177ac4ef.jpg)
30. David A. Molanphy
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030194/9d9152fd1920794d7f9495812b29d9e7.jpg)
31. web contact
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030194/3f42edb500e4e44d6b1de01a0ae096c4.jpg)
32. Philadelphia – Official Visitor Site
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030194/f0f2060a5ee92771eb34c2bb19edb4de.jpg)
33. Relogik
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030194/325ead53387ad655c97b36530ccac7fd.jpg)
34. Chicago L-Shirts
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030184/b467997a04f7930c07994a73d2b04a13.jpg)
35. Fox Classics
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030184/251081dedad0688e3e6ad62382458b56.jpg)
36. sketchdock
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030184/ee77620b3a794ce4d7837fc530309c90.jpg)
37. OpenCal
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030184/772f70330f0c10a93ed4b165fdd14b18.jpg)
38. Brasserie Gérard
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030184/f8bb1af8f24db688d8518c0116e185df.jpg)
39. ecoforms
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030184/4bc48978b3c41aec7c83f5c090e6b7c6.jpg)
40. perMicah
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030184/636d989404d8ae246313e51b5d668db2.jpg)
(编译来源:梦想天空 原文来自:40 Beautiful and Inspiring Examples of Slideshows in Web Design)
1. Tea Round
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030177/2b1b25e4a8231c87d59ac95722536afc.jpg)
2. Bixal
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030177/02bad293f64a5dd14deed7be20075690.jpg)
3. Jay Hollywood
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030177/a56f57145da02731e1f3592b8910d11d.jpg)
4. Squared Eye
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030195/5284c638b40d0a15192c84d89b9eee30.jpg)
5. mimeo
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030195/c44ae11ad5ee3fedc1be484130b981db.jpg)
6. Print Mor
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030195/34e8c7276ba0dc47de7b095114f9b9a8.jpg)
7. Rottefella
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030195/230684defaeb2175d372874c6f151aee.jpg)
8. These Are Things
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030195/5c101844bdd8e9cb7dcdd4409b21b264.jpg)
9. We Are Fixel
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030195/878b7aec4d0415ab6135d98a410c82ba.jpg)
10. winestore.
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030195/7828ad681020a84f1e06a3afaafb4dea.jpg)
11. Tokyo Digital
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030195/27ad34f17853ebd0d6248e571ed3aad1.jpg)
12. Digital Convulsions
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030195/303e59021e346ac71808e934a3bdbe6e.jpg)
13. Deluge Studios
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030195/5dd416e24d4d7d0f2b46ab61ca73cef1.jpg)
14. Design Royale
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030180/7cc950389b03beb4df8ef47c7b1e06f5.jpg)
15. Osmond Interactive
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030180/9fa8db9c0fe787fefdb5d37c49195f2f.jpg)
16. Legworkstudio
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030180/a6ecce5c29883964710ca4d2d79334ee.jpg)
17. Qlear
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030180/1f55d39f3bdc25f4b3623870b58b1af1.jpg)
18. James Lai Creative
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030180/3d777baf28a374566511e2ee797c1627.jpg)
19. We Are Signals
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030180/1b3e611b7b7c532c17150f9fea6730fc.jpg)
20. Little Black Dress Society
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030180/4c28c2b0b3fc624be860727cdfad133e.jpg)
21. paramoreredd
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030180/e017c735d0d1d656e3f9813612294bf2.jpg)
22. Verdeo
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030180/8322288ba0086460ed6ef51d0c2edefb.jpg)
23. Nosotros
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030180/4d3f53ea100a249c195a30dea75d39f6.jpg)
24. Brooklyn Fare
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030194/b4c08a3dffc215082462c2a454697d6e.jpg)
25. Jeremy
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030194/5ed8edc9a8e504fc2d75a7ce1d5b51e9.jpg)
26. soda
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030194/d3f114146eff1f5cf137f35ba59ebde8.jpg)
27. Crush + Lovely
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030194/e95ebd4d5ff71e34451498b008b66b38.jpg)
28. Paper Leaf
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030194/a1978049662e817db5f87e786cd1860c.jpg)
29. Mix Online
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030194/40cd206a27796acaa0fabac5177ac4ef.jpg)
30. David A. Molanphy
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030194/9d9152fd1920794d7f9495812b29d9e7.jpg)
31. web contact
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030194/3f42edb500e4e44d6b1de01a0ae096c4.jpg)
32. Philadelphia – Official Visitor Site
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030194/f0f2060a5ee92771eb34c2bb19edb4de.jpg)
33. Relogik
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030194/325ead53387ad655c97b36530ccac7fd.jpg)
34. Chicago L-Shirts
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030184/b467997a04f7930c07994a73d2b04a13.jpg)
35. Fox Classics
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030184/251081dedad0688e3e6ad62382458b56.jpg)
36. sketchdock
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030184/ee77620b3a794ce4d7837fc530309c90.jpg)
37. OpenCal
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030184/772f70330f0c10a93ed4b165fdd14b18.jpg)
38. Brasserie Gérard
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030184/f8bb1af8f24db688d8518c0116e185df.jpg)
39. ecoforms
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030184/4bc48978b3c41aec7c83f5c090e6b7c6.jpg)
40. perMicah
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030184/636d989404d8ae246313e51b5d668db2.jpg)
(编译来源:梦想天空 原文来自:40 Beautiful and Inspiring Examples of Slideshows in Web Design)
相关文章推荐
- 幻灯片效果在网页设计中的应用案例
- 幻灯片效果在网页设计中应用的55个优秀案例(上篇)
- 幻灯片效果在网页设计中应用的55个优秀案例(上篇)
- 幻灯片效果在网页设计中应用的55个优秀案例(下篇)
- 幻灯片效果在网页设计中应用的55个优秀案例(下篇)
- 幻灯片在网页设计中应用的21个优秀案例
- jQuery幻灯片在网页设计中应用的20个优秀案例
- jQuery幻灯片在网页设计中应用的20个优秀案例
- 幻灯片在网页设计中应用的21个优秀案例
- 幻灯片带网页设计中的20个奇妙应用示例
- 六边形在网页设计中应用的精美案例
- 丝带(Ribbon)在网页设计中应用的20佳优秀案例
- 经典网页设计:六边形在网页设计中应用的精美案例
- 网页选项卡TAB设计原则和应用案例教程
- 丝带(Ribbon)在网页设计中应用的20佳优秀案例
- 网页设计趋势:模糊背景在网站中的经典应用案例
- 大背景在网页设计中应用的30个优秀案例
- 缩略图在网页设计中应用的35个优秀案例
- 大背景在网页设计中应用的30个优秀案例