Tagged

单页面

A collection of 3 posts

javascript

使用jQuery开发超酷波浪动画背景的单页面网站导航菜单

在线演示  本地下载 在今天的教程中,我们将使用jQuery开发一个单页面的网站,并且添加超酷的波浪动画背景效果到导航菜单上,希望大家能够喜欢! 主要开发使用插件: jQuery one page nav:用来生成单页面网站典型的滚动效果 jQuery scrollTo.js:单页面插件依赖类库 jQuery background position:用来生成动画背景效果 jquery.animate-shadow-min.js:用来生成背景阴影效果 jQuery easing 1.3.js:用来添加更多生成动画效果 Cufon-yui.js:cufon类库,用来生成更加漂亮的字体 fixie.js:用来辅助自动生成网站中的文字 本篇文章最后将生成一个单页面的网站设计,并且生成漂亮的动态导航按钮,调试环境firefox和Chrome,如果你使用其它的浏览器,可能无法工作。请自己调试。 如何生成按钮的背景波浪动画特效? 在这里,我们将使用动画背景图片来生成波浪的动画效果,在之前的“使用jQuery background-position插件来创建超酷的导航条效果教程”中,

单页

65个全新的漂亮的单页面网站设计

原文:[65个全新的漂亮的单页面网站设计](http://www.qianduan.net/65-new-beautiful-single-page-website-designs.html) Translate From:[Single Page Website Designs: 65 New Examples](http://www.instantshift.com/2009/08/21/beautiful-single-page-website-designs-65-new-examples/) 版权所有,转载请注明出处,多谢!- - - - - - 我们已经收集过很多漂亮的单页面网站设计,使用此类设计风格的大多是个人作品集页面,它们使用简约的风格,大胆而简单的组织页面元素和内容,为用户提供不一样的浏览体验。单页面网站设计是“一目了然”的网页设计的一个典型案例(当然,“一目了然”的意义远不仅仅是这一点)。 看设计师在单页面上能做些什么是很有趣的事情,因为现代设计师喜欢做一些新的尝试并观察人们如何与他的作品交互。尽管这并非一个可以随便追随的常见的趋势,但是作为一种新的风格,越来越多的设计师注意到它们并在其作品中使用,

单页面

60多个可以启发灵感的单页面网站设计

原文:[60多个可以启发灵感的单页面网站设计](http://www.qianduan.net/60-more-single-page-website-design-inspiration.html) 参考:[88 Single Page Website Designs For Design Inspiration](http://www.instantshift.com/2009/06/10/88-single-page-website-designs-for-design-inspiration/) 版权所有,转载请注明出处,多谢!- - - - - - 我最近注意到的有趣的趋势之一是在“**单页面设计**”中展示你的作品。看设计师如何处理单页面是件很有趣的事情,因为现在世界上喜欢尝试新的事情并观察人们如何应付他们的作品。尽管这并不是个常见的趋势,但是作为一种新的越来越流行的设计风格,而且因为越来越多的时间是注意到它并在他们的作品中使用单页面,这种设计趋势脱颖而出。 在这个展示中,你将发现大量追随单页面设计趋势的高创意、漂亮和最有分量的灵感设计。我们这里并不是希望你也来追随任何特别的趋势,我们这里的目的仅仅是激发你的创意并启发你的想象力,以创造你自己的设计风格甚至是设计趋势,因为你的网站代表着你和你的品牌。