Swiper作为当代流行的js框架,非常受到青睐,这里演示swiper在pc端全屏视觉轮播的效果,这也是pc端常用的一种特性 一 以教师节为主题的一个全屏轮播 1 首先加载插件,需要用到的文件有swiper.min.js和swiper.min.css文件以及jquery-1.11.3.min.js官 ...
分类:
其他好文 时间:
2018-09-05 20:03:23
阅读次数:
236
我发现现在很多网站都使用了这种效果,比如说锤子官网、elementui官网、秒味课堂等,不单单有鼠标跟随的效果,随着鼠标的移动还有视觉差的效果,看起来很高大上的技术,其实实现起来很简单,主要利用css3的transform-style和persperctive属性。 废话不多说直接上代码: html ...
分类:
移动开发 时间:
2017-11-18 21:01:56
阅读次数:
158
1、效果图 2、代码 3、总结 在列表后面添加第一版的内容,当刚好显示最后一班内容的时候跳转,视觉差看不出路已经跳转了。 ...
分类:
其他好文 时间:
2017-11-07 13:19:35
阅读次数:
183
制作网站时,可能会用到视觉差效果 如图 视觉差在制作网页时会有很炫酷的效果,今天要讲的是如何呈现动态视觉差 效果如图: 制作方法首先需要一个视觉差的插件 我所用的插件是一款较为大众的视觉差插件 导入这三个css文件后,在style中可以修改图片 将图片修改为指定gif即可 下面介绍不使用插件方法 选 ...
分类:
其他好文 时间:
2017-06-11 13:37:50
阅读次数:
276
想实现窗口滚动到一定位置时,部分网页的页面发生一些变化,但是手头没有合适的插件,所以就想到自己编写一个简易的方法, 想到这个方法要有很高的自由度和适应性,在这,就尽量的削减其功能,若有错误的地方或者更好的建议,请大家评论,一同探讨, 好了废话不多说,下面开始干活了! 首先,说一下我想实现的基本功能: ...
分类:
Web程序 时间:
2017-05-01 22:12:12
阅读次数:
361
#几句代码完成tableView滚动的视觉差 - 效果图 (失帧严重)![](http://upload-images.jianshu.io/upload_images/1429890-f2c857700f043939.gif?imageMogr2/auto-orient/strip) - ###补 ...
分类:
其他好文 时间:
2016-12-22 18:59:38
阅读次数:
217
li { position: absolute; list-style: none; } #pic1 { top: 210px; left: 550px; } #pic2 { top: 290px; left: 430px; } #pic3 { top: 215px; left: 220px; } ...
分类:
Web程序 时间:
2016-08-16 23:56:19
阅读次数:
565
冷场恐惧症患者 ,尴尬癌晚期 1512 人赞同 比较冷门的一个,stereoview,中文大概翻译成立体相片。这是我无意中发现的,从此就掉进了坑里。成套的我暂时只有这四盒,剩下的很多都是散张。看的时候把照片放在观影仪器上。由于利用的是左右眼视觉差,所以手机拍不出效果,当把眼睛靠近后,两幅照片会重合到 ...
分类:
其他好文 时间:
2016-07-09 19:20:18
阅读次数:
432