20个使用JavaScript Sliders滑动效果的漂亮Web设计
fmms 13年前
<p align="left">JavaScript sliders尤其是基于jQuery的内容滑动在今天被大量使用。这些内容滑动拥用到了各种各样的效果和特效。今天将为大家介绍20个运用JavaScript滑块实现令人惊讶效果的网站。</p> <p align="center"><strong>These Are Things</strong></p> <p align="center"><a href="/misc/goto?guid=4958191019268768208"><img class="aligncenter" title="JavaScript Sliders Web Design" alt="JavaScript Sliders Web Design" src="https://simg.open-open.com/show/1e0338e2c125b6feaf586e63bfce95c9.jpg" width="550" height="312" /></a></p> <p align="center"><strong>Elevate</strong></p> <p style="text-align:center;" align="center"><a href="/misc/goto?guid=4958191020136428657"><img title="JavaScript Sliders Web Design" border="0" alt="JavaScript Sliders Web Design" src="https://simg.open-open.com/show/d2cf382271ca85a28c239f66c582095d.jpg" width="550" height="345" /></a></p> <p align="center"><strong>Mathieu Clauss</strong></p> <p style="text-align:center;" align="center"><a href="/misc/goto?guid=4958191020872794912"><img class="aligncenter size-full wp-image-16292" title="JavaScript Sliders Web Design" alt="JavaScript Sliders Web Design" src="https://simg.open-open.com/show/e8768cfe0bfd3c7888b2741d2517dd4d.jpg" width="550" height="331" /></a></p> <p align="center"><strong>The Daily</strong></p> <p style="text-align:center;" align="center"><a href="/misc/goto?guid=4958191021608544388"><img class="aligncenter size-full wp-image-16293" title="JavaScript Sliders Web Design" alt="JavaScript Sliders Web Design" src="https://simg.open-open.com/show/59cd4a85249a990933c9025a488f8723.jpg" width="550" height="336" /></a></p> <p align="center"><strong>Puma Running</strong></p> <p style="text-align:center;" align="center"><a href="/misc/goto?guid=4958191022355515918"><img class="aligncenter size-full wp-image-16294" title="JavaScript Sliders Web Design" alt="JavaScript Sliders Web Design" src="https://simg.open-open.com/show/816e06a67919b9ec287e8d8f9cfd9603.jpg" width="550" height="324" /></a></p> <p align="center"><strong>Gimme Money, I can do it!</strong></p> <p style="text-align:center;" align="center"><a href="/misc/goto?guid=4958191023099373292"><img class="aligncenter size-full wp-image-16295" title="JavaScript Sliders Web Design" alt="JavaScript Sliders Web Design" src="https://simg.open-open.com/show/670147f94ab30f2c825a3808b4dcb905.jpg" width="550" height="347" /></a></p> <p align="center"><strong>Rogwai</strong></p> <p style="text-align:center;" align="center"><a href="/misc/goto?guid=4958191023844276161"><img class="aligncenter size-full wp-image-16296" title="JavaScript Sliders Web Design" alt="JavaScript Sliders Web Design" src="https://simg.open-open.com/show/a15f882fffc249988ff203bd35aaef87.jpg" width="550" height="326" /></a></p> <p align="center"><strong>Orange Sprocket</strong></p> <p style="text-align:center;" align="center"><a href="/misc/goto?guid=4958191024599997839"><img class="aligncenter size-full wp-image-16298" title="JavaScript Sliders Web Design" alt="JavaScript Sliders Web Design" src="https://simg.open-open.com/show/8e9086b3f3733ea9304b38f820f8a365.jpg" width="550" height="333" /></a></p> <p align="center"><strong>Brave Nu Digital</strong></p> <p style="text-align:center;" align="center"><a href="/misc/goto?guid=4958191025345252251"><img class="aligncenter size-full wp-image-16299" title="JavaScript Sliders Web Design" alt="JavaScript Sliders Web Design" src="https://simg.open-open.com/show/d9b1711f73ebe02353468669ffb65e98.jpg" width="550" height="338" /></a></p> <p align="center"><strong>Assistly</strong></p> <p style="text-align:center;" align="center"><a href="/misc/goto?guid=4958191026096052263"><img class="aligncenter size-full wp-image-16300" title="JavaScript Sliders Web Design" alt="JavaScript Sliders Web Design" src="https://simg.open-open.com/show/1a7a702a9485f83bd10e62374d665c2d.jpg" width="550" height="333" /></a></p> <p align="center"> </p> <p align="center"><strong>Ecoforms</strong></p> <p style="text-align:center;" align="center"><a href="/misc/goto?guid=4958191026838743123"><img class="aligncenter size-full wp-image-16301" title="JavaScript Sliders Web Design" alt="JavaScript Sliders Web Design" src="https://simg.open-open.com/show/e2596e504b0bee53a2e2250a3504d74b.jpg" width="550" height="328" /></a></p> <p align="center"> </p> <p align="center"><strong>Jeremy Church</strong></p> <p style="text-align:center;" align="center"><a href="/misc/goto?guid=4958191027575562419"><img class="aligncenter size-full wp-image-16302" title="JavaScript Sliders Web Design" alt="JavaScript Sliders Web Design" src="https://simg.open-open.com/show/5faf64c72a991963b947ed19c4617b7c.jpg" width="550" height="337" /></a></p> <p align="center"> </p> <p align="center"><strong>Print Mor</strong></p> <p style="text-align:center;" align="center"><a href="/misc/goto?guid=4958191028310679639"><img class="aligncenter size-full wp-image-16303" title="JavaScript Sliders Web Design" alt="JavaScript Sliders Web Design" src="https://simg.open-open.com/show/c734dbd7f6708374adf4dc4942ebc163.jpg" width="550" height="328" /></a></p> <p align="center"> </p> <p align="center"><strong>David A. Molanphy</strong></p> <p style="text-align:center;" align="center"><a href="/misc/goto?guid=4958191029053423471"><img class="aligncenter size-full wp-image-16304" title="JavaScript Sliders Web Design" alt="JavaScript Sliders Web Design" src="https://simg.open-open.com/show/2ff332a0d9930e56a0580b117dbaaadb.jpg" width="550" height="333" /></a></p> <p align="center"> </p> <p align="center"><strong>Tuscarora Tackle</strong></p> <p style="text-align:center;" align="center"><a href="/misc/goto?guid=4958191029791013920"><img class="aligncenter size-full wp-image-16305" title="JavaScript Sliders Web Design" alt="JavaScript Sliders Web Design" src="https://simg.open-open.com/show/8599d5d313a6e8b9e680c03e032aea5b.jpg" width="550" height="358" /></a></p> <p align="center"> </p> <p align="center"><strong>Helms Workshop</strong></p> <p style="text-align:center;" align="center"><a href="/misc/goto?guid=4958191030530588443"><img class="aligncenter size-full wp-image-16306" title="JavaScript Sliders Web Design" alt="JavaScript Sliders Web Design" src="https://simg.open-open.com/show/56dd66c30f0acda095afb6e29cb05e77.jpg" width="550" height="353" /></a></p> <p align="center"> </p> <p align="center"><strong>Hugo & Marie</strong></p> <p align="center"><a href="https://simg.open-open.com/show/1f4ec84bd6523042ee1efca3fcc7c3ff.jpg"><img class="aligncenter size-full wp-image-16307" alt="" src="https://simg.open-open.com/show/1f4ec84bd6523042ee1efca3fcc7c3ff.jpg" width="550" height="362" /></a></p> <p align="center"> </p> <p align="center"><strong>Tenthmil</strong></p> <p style="text-align:center;" align="center"><a href="/misc/goto?guid=4958191031293952825"><img class="aligncenter size-full wp-image-16308" title="JavaScript Sliders Web Design" alt="JavaScript Sliders Web Design" src="https://simg.open-open.com/show/e034e3548f8d8020a58b3858fe0b7b08.jpg" width="550" height="327" /></a></p> <p align="center"> </p> <p align="center"><strong>StruckAxiom</strong></p> <p style="text-align:center;" align="center"><a href="/misc/goto?guid=4958191032029578927"><img class="aligncenter size-full wp-image-16309" title="JavaScript Sliders Web Design" alt="JavaScript Sliders Web Design" src="https://simg.open-open.com/show/a5dc0b464cd37d447faa6321a13fe2f7.jpg" width="550" height="326" /></a></p> <p align="center"> </p> <p align="center"><strong>Work at Play</strong></p> <p style="text-align:center;" align="center"><a href="/misc/goto?guid=4958191032769940390"><img class="aligncenter size-full wp-image-16310" title="JavaScript Sliders Web Design" alt="JavaScript Sliders Web Design" src="https://simg.open-open.com/show/71a6f98c4e26bd48f362c25c3e1cdce6.jpg" width="550" height="326" /></a></p> <p align="center">转自:http://smashinghub.com/20-websites-that-use-javascript-sliders-amazingly.htm</p>