20个使用JavaScript内容滑动展示效果的Web设计
admin 13年前
JavaScript内容滑动展示效果,特别是搭配jQuery的使用,在当今网站设计中非常流行。下面为大家介绍20个利用这种效果设计的网站,效果特炫,您一定要看。或许您可以从中得到一些灵感。 <p><strong>These Are Things</strong></p> <p><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><strong>Elevate</strong></p> <p style="text-align:center;"><a href="/misc/goto?guid=4958191020136428657"><img class="aligncenter size-full wp-image-16290" title="JavaScript Sliders Web Design" alt="JavaScript Sliders Web Design" src="https://simg.open-open.com/show/d2cf382271ca85a28c239f66c582095d.jpg" width="550" height="345" /></a></p> <p><strong>Mathieu Clauss</strong></p> <p style="text-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><strong>The Daily</strong></p> <p style="text-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><strong>Puma Running</strong></p> <p style="text-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><strong>Gimme Money, I can do it!</strong></p> <p style="text-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><strong>Rogwai</strong></p> <p style="text-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><strong>Orange Sprocket</strong></p> <p style="text-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><strong>Brave Nu Digital</strong></p> <p style="text-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><strong>Assistly</strong></p> <p style="text-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> </p> <p><strong>Ecoforms</strong></p> <p style="text-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> </p> <p><strong>Jeremy Church</strong></p> <p style="text-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> </p> <p><strong>Print Mor</strong></p> <p style="text-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> </p> <p><strong>David A. Molanphy</strong></p> <p style="text-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> </p> <p><strong>Tuscarora Tackle</strong></p> <p style="text-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> </p> <p><strong>Helms Workshop</strong></p> <p style="text-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> </p> <p><strong>Hugo & Marie</strong></p> <p><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> </p> <p><strong>Tenthmil</strong></p> <p style="text-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> </p> <p><strong>StruckAxiom</strong></p> <p style="text-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> </p> <p><strong>Work at Play</strong></p> <p style="text-align:center;" align="left"><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><br /> 来自:<a href="/misc/goto?guid=4958193416076737203">http://smashinghub.com/20-websites-that-use-javascript-sliders-amazingly.htm</a><br /> </p>