安瓶vi设计的核心价值在于为企业打造独特的品牌,安瓶vi设计可以给企业带来良好的社会声誉和经济效益。
注:本文“安瓶vi设计”配图为本公司设计作品
["
在本教程中,我们将研究制作一个隐藏在屏幕外的导航菜单所需的技术,直到用户点击菜单图标,此时内容滑过并变暗,菜单滑入。该菜单也将在垂直方向上响应,在任何尺寸的屏幕上填充浏览器窗口的高度\r\n
为了实现这一点,我们将使用几种不同的方法,其中之一是flexbox,它正在成为一个真正的"时髦词汇",因为它是网布局方法的圣杯。我们将使用它来使菜单适合窗口的高度。我们还将使用jQuery来实现菜单的实际功能,使它在点击事件中滑出,并且如果用户的浏览器中没有启用JavaScript,还将提供一个回调(我们将使用现代化zr来检测)。\/p\r\n
这是完成后的样子\\ a \ u00a 0如果您想了解完整的代码,可以从这里下载\r\n
\/p\r\n
开始使用标记\/h1 \ r \ n首先让我们看看将在我们的演示中使用的index.html文件,我将向您展示其中的所有内容,然后我们可以一段一段地浏览,看看重要的部分:\/p\r\n
!doctype html \ r \ nhtml class=\ ' no-js \ ' \ r \ n head \ r \ n meta charset=\ ' utf-8 \ ' \ r \ n标题全高离屏菜单\/title \ r \ n link href=' http:\/\/fonts。谷歌API。com \/CSS?family=Montserrat:400,700 '' Open Sans:400italic,400,700 ' rel=' style sheet ' type=' text \/CSS ' \ r \ n link rel=\ ' style sheet \ ' href=\ ' CSS \/styles。CSS \ ' \ r \ n meta name=\ ' viewport \ ' content=\ ' width=device-width,initial-scale=1 \ ' \ r \ n script src=\ ' js \/modernizr。js \ ' \/script \ r \ n-[if lt IE 9]\ r \ n script src=\ ' http:\/\/html 5 shiv。谷歌代码。com \/SVN \/trunk \/html 5。js \ ' \/script \ r \ n[endif]-\ r \ n \/head \ r \ nbody \ r \ n header class=\ ' cf \ ' \ r \ n h1全高离屏菜单\/h1 \ r \ n a href=\ ' # \ ' id=\ ' navicon \ ' class=\ ' closed \ ' # 9776;\/a \ r \
注:本文“安瓶vi设计”配图为本公司设计作品


总监微信咨询 舒先生

业务咨询 张小姐

业务咨询 付小姐