网页视差滚动效果欣赏

网页视差滚动效果欣赏的相关文章

• 
  30款使用视差滚动效果的网页设计欣赏

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  如果一个网站想某些地方吸引访客的眼球，可以通过很多方式，比如放到网站的banner上，或是为内容添加特别的排版和高亮的颜色，然而除了这些还有个更吸引用户眼球的方法，就是使用视差滚动效果了。 Rimmel London Pressels Poppy Spend HotDot TEDxGUC Costa Flat vs Realism Teapot Creation NASA Prospect Boy Coy The Beast 13 Reasons Inforgraphic Los...[ 查看全文 ]

  小仙女er_

  131
• 
  立体动感的视差滚动效果网站设计欣赏

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  视差滚动(Parallax Scrolling)是新兴的网页设计技术，通过让多层背景以不同的速度移动来形成立体的运动视差效果，虽然纯属视觉效果，但在内容滚动时形成的视觉体验非常出色!今天这篇文章就与大家分享30个运用视差滚动效果的网页设计作品，一起欣赏(以拖动滚动条方式浏览效果会更佳)。 Mo’s and Bows Netlash bSeen Sullivan NYC Eric Johansson Atlantis World’s Fair Jan ...[ 查看全文 ]

  a448075703

  51
• 
  20个漂亮的单页滚动视差网页设计欣赏

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  不知道大家发现没有，近来很多大公司宣传新产品和专题推广的时候，都趋向于使用单页啦。可别小看单页面，少即是多，在这个页面里体现美妙的视觉和精湛的技术，绝对是能够吸引很多访客的眼球滴。 单页网站不会使浏览者感到混乱，查阅关键信息时只需点击或者滑动鼠标，并且你可以将自己最棒的作品置顶居中。接下来将带你体验20个带有视差效果的HTML5单页自适应网页模版。另外如果你使用高级浏览器查看网页模版...[ 查看全文 ]

  BM1F4K

  81
• 
  浅谈网页设计中滚动视差设计指南

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  作为未来网页设计的热点趋势之一的滚动视差在近年来被越来越多网站所采用，特殊新颖的展示模式也让许多用户眼前一亮。网络上也如雨后春笋一般出现了很多像《30个让人兴奋的视差滚动网站》、《60个视差滚动网站赏析》等一系列的视差滚动的文章，不过赏析的居多，真正指导设计师如何去设计，如何去实现的实用型文章却很少。于是萌发了自己写一篇的想法，与感兴趣的人共同交流下滚动视察设计时的一些心得。 什...[ 查看全文 ]

  zhengyangye112

  31
• 
  11个超炫的视差滚动网站设计欣赏

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  目前这种视差滚动效果被越来越多的国内外网站所应用，成为网页设计的热点趋势。 通过一个很长的网页页面，其中利用一些令人惊叹的插图和图形，并使用视差滚动(Parallax Scrolling)效果，让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。完美的展示了一个复杂的过程，让你犹如置身其中。厌倦了千篇一律，呆板网页设计的你不放一试。 视差滚动效果与少即是多的理念相互交融，能带...[ 查看全文 ]

  金牛奔跑小哥

  11
• 
  30个经典漂亮视差滚动网站设计欣赏

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  大概一年前，我们还在预测视差滚动能否成为趋势，现在，视差滚动网站已经纷繁多样了，到处都有它的影子，除了新奇的体验，网站的纵深感也令人置身其中。在5月份的时候，优设推荐了一篇视差滚动指南，当下是让它真正大展身手的时候了，对这个技术感兴趣的同学移步。 今天推荐的视差滚动网站有点特别，是纵横向兼有的，还包括了flickr、tumblr、bahance等知名网站，希望你能在这里找到灵感，创建一个自己的视...[ 查看全文 ]

  玩你不商量5

  361
• 
  25个免费的视差滚动插件页面设计欣赏

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  以前我们通过优秀字体、配色让网站变得舒服，现在我们通过视差滚动让网站拥有由上至下一站式的视觉震撼效果，访客只需滑动鼠标滚轮就能体验到，你可以利用今天提供的这25款免费的视差滚动插件轻松实现，每款插件都有提供Demo，设计师喃们感受一下。 Scrolld.js Cool Kitten FoldScroll fullPage.js AnimateScroll Parallax.js Jarallax jInvertScroll jQuery Full Conten...[ 查看全文 ]

  温暖骨头

  41
• 
  10款创意杰出的视差滚动网站设计欣赏

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  随着CSS3和HTML5技术的成熟，许多惊艳的效果都能应用在网站设计中了，比如视差滚动。利用这个技术，加上无限的创意，能创造出令人激动的网站效果，比如今天收集的这一组。 Mindworks Herbal Bises Marco Grill Moroccan Gigolos Codetex Group MiBOX Studio None Big Bad Wolf Lexus New Generation IS Life Fitness at Sochi 2014 [ 查看全文 ]

  郑绮梦迎

  51
• 
  30款尽显创意的视差滚动网站设计欣赏

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  从去年念叨到现在，视差滚动无论从技术还是设计都不再是苦涩的青果了，现在满挂枝头的都是鲜嫩多汁的成熟水果，今天我们逛遍网站果园，精挑细选了25个长相好气质佳的创意网站，趁着刚摘下，来尝个鲜吧。 建议谷歌/火狐浏览器哟。 Rimmel London Pressels Poppy Spend HotDot Costa Flat vs Realism Teapot Creation NASA Prospect Boy Coy The Beast 13 Reasons...[ 查看全文 ]

  我是姥姥呢男人

  51
• 
  20个创意十足的网页视差效果设计欣赏

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  最近大家伙越来越关注视差滚动的网页了，很多同学都在四处寻找相关的案例来赏析学习。此前我们也分享过相关的制作教程及文章。那么今天我们继续推荐20个创意十足的视差滚动酷站，希望能为你的案例带来灵感，强烈推荐收藏。 Beatbox Academy Discover Shadow This is Now Sam Markiewicz Erős Balázs Le Tour de France Pi’s Epic Journey Scroll For Your He...[ 查看全文 ]

  Mrs___sunshine

  401
• 
  FLASH实现滚动条+网页书签效果

  标签：flash教程

  第一步：场景中的元素 因为这一步主要是在场景中加入文字和图片，大家可以下载源文件后用FLASH打开自己研究，这里就不详细介绍各元素的画法了。 点击下载FLA源文件 关于场景中的元素，这里要说清楚的是各个MovieClip(影片剪辑，以下简称mc）的命名，如下图所示(注：这里说的命名，是指把mc放到场景中后在Properties<属性面板中的命名，而不是在Library<库中的命名，见图中红色线条框出的部分）： 说 ...[ 查看全文 ]

  邳州桃花

  551
• 
  时尚精致的单页滚动类网页设计欣赏

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  单页滚动也算是目前网页设计中一个独立的类别了，导航、菜单等网页元素的设计也有一套独特的手法。极简风的导航栏设计其实算不上太多，毕竟导航栏的部分应该是包罗万象并且常驻页面的。而汉堡菜单的存在让导航具备了更优秀的隐藏性，摆脱了滚动条、分页和复杂的下拉框，让页面更整洁，为视觉设计留下更大的空间，留住了用户。 另外非常值得注意的一点是，即使导航设计足够隐蔽，用户也不会在页面间迷失，他...[ 查看全文 ]

  大漠孤烟1912

  161
• 
  网页高手-玩转网页滚动条

  标签：Web开发

  网页滚动条本身就是浏览器的一部分，使用它可以方便浏览较大的网页，但是千篇一律的它经常会给整体页面效果拖了不少后腿，我们能不能改变它灰灰的样子呢？能！俗话说：“只有你想不到的，没有做不到的。” 给滚动条换色 FRA 几乎所有网页的滚动条都是默认的灰色，如果把它的颜色换换，来点另类的，相信一定会使网页更加靓丽。我们只要在网页代码＜head ＜/head之间插入下面的代码，即可随心所欲地...[ 查看全文 ]

  摩西都

  01
• 
  js滚动效果

  标签：Web开发

  12345678910111213141516171819202122232425262728 [ 查看全文 ]

  幸福搬搬搬

  21
• 
  25个鼓舞人心的单页视差滚动创意设计

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  单页设计最近变得相当的流行，不管是一些企业还是个人都在不断的创意出有想法的单页来。加上现在每天成千上万的App应用不断的出现。而每个App都有一个简单的单页介绍。而且这些单页都设计的相当有创意。比起其他的网站，这些单页通过视差滚动设计让网站更加的生动，也会让浏览者眼前一亮。千变万化的画面引导，确实有着迷人的吸引力。今天我们要分享的就是一些让人激动的单页视差滚动创意设计。你能在这里看...[ 查看全文 ]

  我是渣渣哥

  51
• 
  JavaScript制作滚动文本效果

  标签：Web开发

  下面是一个跑马灯效果的JavaScript文档。 Test2_1.html html head script Language="JavaScript" var msg="这是一个跑马灯效果的JavaScript文档"; var interval = 100; var spacelen = 120; var space10=" "; var seq=0; function Scroll() { len = msg.length; window.status = msg.substring(0, seq+1); seq++; if ( seq = len ) { seq = spacelen; window.setTimeou...[ 查看全文 ]

  四川蜀旺科技30

  31
• 
  40个超美的水彩效果网页设计欣赏

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  小时候，一盒水彩，几张白纸，就可以一个人安静地待上好久。还记得绿色用得特别快，因为喜欢用绿色，画很多的树叶，画大片的草地。不过现在可以用电脑画，再也不用担心缺哪个颜色啦，以下是一组数字水彩效果的网页设计，每个都好漂亮，看是否能勾起你童年的美好回忆。 Istok Pavlovic Boompa Giancarlo Fajardo Duirwaigh Studios Le Bloe Corvus Design Studio Bcandullo Webe...[ 查看全文 ]

  1997121yb

  171
• 
  CSS隐藏网页的滚动条教程

  标签：Web开发

  解决思路： 我们希望是强制出现滚动条，但有时候我们并不希望出现滚动条，那就要隐藏它了。从上个问题的指点中我们很容易得到答案----设置CSS属性overflow的值为hidden。 具体步骤： 方法一：设置CSS属性overflow为hidden。 ＜body＞ 方法二：设置body元素的scroll属性为no。 ＜body scroll="no"＞ 注意： 建议用方法一隐藏滚动条，用方法二的话在IE5.0中无...[ 查看全文 ]

  学校给的忧伤

  41
• 
  30个JavaScript滑动和滚动效果

  标签：Web开发

  之前我们用Flash做按钮和画廊等，现在jQuery、Mootools、Scriptallicious、YUI和Prototype等JavaScript框架可以用轻量的代码来获得和Flash一样的效果，从而可以替换掉Flash，这也同样给网站开发人员和设计师很大的创意空间。 但是如何在不让用户分散注意力并增加网站的价值的情况下高效的使用这些框架？ 看一下下面的这30个网站例子，它们使用了基于JavaScript的滑动和滚动效果，希望你能喜欢。:) 1. ...[ 查看全文 ]

  象牙塔的眺望

  61
• 
  Flash制作滚动广告图片效果(1)

  on() 可用性 Flash 2。在 Flash 2 中，不是所有的事件都受支持。 用法 on(mouseEvent) { // 此处是您的语句 } 参数 statement(s) 发生 mouseEvent 时执行的指令。 mouseEvent 是称作“事件”的触发器。当发生此事件时，执行事件后面大括号中的语句。可以为 mouseEvent 参数指定下面的任何值： press 在鼠标指针经过按钮时按下鼠标按钮。 release 在鼠标指针经过按钮时释放鼠...[ 查看全文 ]

  短发女王life

  101