搜索

首页  >  问答  >  正文

javascript - 请问这个网站的效果怎么实现的?

网址:http://brightmedia.pl/?lang=en&site=intro

就是当我鼠标滚轮滑动的时候 页面中的线条会伸长 流动 我想知道这些效果的原理

PHPzPHPz2896 天前196

全部回复(3)我来回复

  • 大家讲道理

    大家讲道理2017-04-10 17:32:44

    这个网站好棒!

    F12看下的话,如上图,是这样:3个position: fixed;<canvas>元素随时占据视野范围内可见的空间。所以整个过程是,根据页面滚动的位置,控制<canvas>里的绘图。

    具体canvas的绘图方法就请查看相应的教程了。

    回复
    0
  • 巴扎黑

    巴扎黑2017-04-10 17:32:44

    好棒唉的网站。。

    回复
    0
  • PHPz

    PHPz2017-04-10 17:32:44

    外国人就是会玩,设计也不错。一般这样的实现都用滚屏插件,实现也很简单,关键还是看设计和创意。
    这个网站的实现蛮有创新的,使用了canvas,效果可能更多,但流畅性会差一些。编程也会各种麻烦。

    回复
    0
  • 取消回复