8 个让人印象深刻的网站 JavaScript 视觉效果
openkk 12年前
<p>网页设计已经提升到一个整体新的水平,Flash 渐渐失去了地位,逐渐被 HTML/JavaScript/CSS 所超越,而且一样可以实现出 Flash 复杂的特效。</p> <p>本文介绍 8 个让人印象深刻的网站视觉效果,这些效果都是采用纯 JavaScript 实现的。</p> <p><a href="/misc/goto?guid=4958521538035673771">Joint London</a></p> <p><img alt="8 个让人印象深刻的网站 JS 视觉效果" src="https://simg.open-open.com/show/d09112fcbab4e897d8634c51a67ef0ea.jpg" width="550" height="401" /></p> <p>超简约的设计与独特的导航系统。</p> <p><a href="/misc/goto?guid=4958521538160039040">Lena Sanz</a></p> <p><img alt="8 个让人印象深刻的网站 JS 视觉效果" src="https://simg.open-open.com/show/67a208e38f0bbbe1c27adac0a585270a.jpg" width="550" height="402" /></p> <p>一个视觉丰富的摄影网站,有一个巨大的响应滑块。</p> <p><a href="/misc/goto?guid=4958521538289740409">Skull Candy</a></p> <p><img alt="8 个让人印象深刻的网站 JS 视觉效果" src="https://simg.open-open.com/show/5717d38d5801c55bcbb39eb0c44f94e1.jpg" width="550" height="469" /></p> <p>视差的不同类型,根据预定义的路径滚动。</p> <p><a href="/misc/goto?guid=4958346712314057472">Black Negative</a></p> <p><img alt="8 个让人印象深刻的网站 JS 视觉效果" src="https://simg.open-open.com/show/74600329b4d52fdf966213a9698d0cb9.jpg" width="550" height="471" /></p> <p>全屏幕动画背景与拖动的导航菜单。</p> <p><a href="/misc/goto?guid=4958521538437000072">Viens La</a></p> <p><img alt="8 个让人印象深刻的网站 JS 视觉效果" src="https://simg.open-open.com/show/9522abd4137aa8267416ea068c837c8e.jpg" width="550" height="471" /></p> <p>该网站通过你的滚动来显示微妙的动画。</p> <p><a href="/misc/goto?guid=4958521538553732941">Matte Ozanga</a></p> <p><img alt="8 个让人印象深刻的网站 JS 视觉效果" src="https://simg.open-open.com/show/f648acbdfbc706867fceff47d12b6461.jpg" width="550" height="453" /></p> <p>利用鼠标拖动,通过2个选项来欢迎用户的页面。</p> <p><a href="/misc/goto?guid=4958342031369948738">Angrybird Space</a></p> <p><img alt="8 个让人印象深刻的网站 JS 视觉效果" src="https://simg.open-open.com/show/bbf51132be3bf257a27c60276fe5e9a7.jpg" width="550" height="472" /></p> <p>类似骷髅糖果,这愤怒的小鸟网站使用激进的视差的方法,该网站通过预定义的路径滚动。</p> <p><a href="/misc/goto?guid=4958521538718875248">Olivers Taub</a></p> <p><img alt="8 个让人印象深刻的网站 JS 视觉效果" src="https://simg.open-open.com/show/32810d5b4e89f1e857d60ece8c3655c3.jpg" width="550" height="471" /></p> <p>这可能是一个典型的Flash网站。通过使用选项框,它创建一个最小不失优雅的解决方案。</p> <p><a href="/misc/goto?guid=4958521538829152114">Nature Valley Trail View</a></p> <p><img alt="8 个让人印象深刻的网站 JS 视觉效果" src="https://simg.open-open.com/show/3ce49f83e45b7fdd2ca7f42fe9ac645b.jpg" width="550" height="407" /></p> <p>它使用全屏方式传送登陆页面。</p> <p>via <a href="/misc/goto?guid=4958521538951537794" target="_blank">queness</a>/oschina</p>