背景跟着滚动改变 Stellar.js插件 效果：https://im.qq.com/
原创
2022-05-07 22:23:03
218阅读
“Parallax Scrolling”这个词在2012年下半年的Web设计上越来越流行，一开始并不知道
原创
2023-07-04 20:45:40
223阅读
视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。作为今年网页设计的热点趋势，越来越多的网站应用了 这项技术。现在越来越多的网站采用视差水平滚动来创建绚丽的效果，其实这样的效果使用jquery实现的，上一次我发布了一篇使用这个效果做的网站，《40个视差滚动效果网站的新技术
原创
精选
2023-05-05 15:31:02
229阅读
今天在http://www.innisfree.cn这个网页上看到了这种效果。问了一下人家才知道这是视差滚动效果。在网上查到了如下资料。当作收藏。英文原文：10 Useful Tutorials And Plugins for creating Parallax and scrolling effects，翻译：iteye近些年来，用户对视觉体验的要求不断提高，而设计师们也开始在网页设计中加入各种
转载
2023-09-06 20:38:18
65阅读
如何能创建出色的在线体验网站，是我们web前端开发者和web设计师们都要面对的共同话题，多亏了现代web技术的快速发展，我们可以根据自身的需求为网站添加各种惊艳的web效果，而不仅限于过去通过简单的改变字体或者色彩的搭配来提高用户体验。视差滚动特效已经成为当今最时髦的web设计之一，首先将网页中不同栏目的内容整合到各自的屏幕区域中 我们可以通过垂直滚动来查看不同屏幕中的内容，当你滚动鼠
转载
精选
2014-05-19 12:11:45
367阅读
今天给大家分享一款页面视差滚动切换jquery.localscroll插件。 滚动鼠标液动条看下页面的切换效果。该插件适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。效果图如下:在线预览 源码下载实现的代码。html代码： [html] view plaincopyprint? &l..
转载
2023-08-24 09:41:56
87阅读
视差（Parallax）是指从不同的点看一个物体时形成的视觉差异，这个名词是源自希腊文的παράλλαξις (parallaxis)，意思是"改变"。在网页设计中，视差滚动（Parallax Scrolling）是当下流行的网页设计技术，
转载
2012-09-13 09:35:00
69阅读
2评论
视差（Parallax）是指从不同的点看一个物体时形成的视觉差异，这个名词是源自希腊文的παράλλαξις (parallaxis)，意思是"改变"。在网页设计中，视差滚动（Parallax Scrolling）是当下流行的网页设计技术，通过让多层背景以不同的速度或者
原创
2012-10-10 17:02:57
959阅读
这是一款使用jQuery和CSS3制作的超酷3D背景图片视觉差特效。该视觉差特效在左右晃动鼠标时，前景图片和背景图片之间就会产生动态的视觉差效果。非常有意思。该视觉差特效采用CSS 3D Transforms来制作，它将图片沿Z轴方向排列，然后将鼠标当做3D相机，这样在移动鼠标的时候就能够产生3D透视效果。图片在3D空间中如何选择取决于鼠标的位置。因为该视觉差效果依赖于鼠标，所以不适合在移动触摸设
转载
2024-01-09 16:53:56
51阅读
视差-Python立体校正 立体校正的目的是将拍摄于同一场景的左右两个视图进行数学上的投影变换，使得两个成像平面平行于基线，且同一个点在左右两幅图中位于同一行，简称共面行对准。只有达到共面行对准以后才可以应用三角原理计算距离。立体匹配立体匹配的目的是为左图中的每一个像素点在右图中找到其对应点（世界中相同的物理点），这样就可以计算出视差：
转载
2023-07-03 16:48:13
92阅读
# 使用 jQuery 创建 3D 视差照片墙
随着网页设计的不断演变，越来越多的视觉效果被应用到网站中，以增强用户体验。其中，3D 视差效果因其生动的视觉效果而越来越受欢迎。本文将介绍如何使用 jQuery 创建一个简单的 3D 视差照片墙，并附带代码示例和一些图表来进一步说明。
## 什么是 3D 视差效果？
3D 视差效果是指通过平面层次分离和运动创建的立体感，给用户带来深度和空间的体
视差滚动(Parallax scrolling)是网站管理员可信赖的一种十分简单的解决方案，尤其是当他对网页打开时的即时体验，网页加载速度和视觉效果有要求时。因为使用视差插件对网页有好处，所以现在网络上有许多资源提供视差技术的指南，来为那些有兴趣的网站拥有者服务，使他们的网页焕然一新并大受欢迎，从而增加了他们网页的访问量。
视差滚动(Parallax s
在 OpenGL ES 2.0 上实现视差贴图(Parallax Mapping)视差贴图最近一直在研究如何在我的 iPad 2(只支持 OpenGL ES 2.0, 不支持 3.0) 上实现 视差贴图(Parallax Mapping) 和 位移贴图(Displacement Mapping).经过一番研究, 搜索阅读了不少文章, 终于确定, OpenGL ES 2.0 可以支持 视差贴图, 不
首先，我们要知道视差贴图Parallax Mapping的作用，为什么要引入它。对于一张原本2D的图片，我们通过使用法线贴图，使其表面表现出了一定的凹凸感，细节感。但是还是可能会出现一些问题，法线贴图只能通过明暗来表现凹凸，同时它忽视了现实中的一些效果。比如说遮挡的效果，只应用了法线贴图的纹理无法塑造出正确的遮挡效果（这里的遮挡效果要和深度测试区分开，你也可以说这种效果为“更加强烈”的凹凸感，并且
转载
2024-04-11 21:21:21
165阅读
视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。作为今年网页设计的热点趋势，越来越多的网站应用了这项技术。一、什么是视差滚动？ 视 差效果，原本是一个天文学术语，当我们观察星空时，离我们远的星星移动速度较慢，离我们近的星星移动速度则较快。 当我们坐在车上向车窗外 看时，也会有 这样的
转载
2023-08-09 16:32:44
145阅读
视差效果也称为Ken Burns效果 ，该名称以电影制作人的名字命名，该制作人在他的纪录片中将这种效果作为他的标志性视觉风格。 此技术是一种平移和缩放效果 ，用于从静止图像创建类似视频的内容。 缩放和平移照片可带来运动感，使观看者保持视觉上的吸引力。 这是一个实际的视差效果示例，用于说明我要描述的内容。 这是另一个很好的例子： 该效果也可以称为2.5D视差效果。 2.5D是指二维图像或视图
转载
2023-09-09 11:00:48
114阅读
由于项目开发需要，经常会用到一些jquery插件，但网上已有的插件常常又不能100%满足业务需求，所以就想自己能看懂插件的代码，进行一些功能上的改动和补充，或者能自己自定义插件就更好了。所以这段时间会对插件进行一些研究，现将学习的一些重要内容记录下来，供那些像我一样的初学者借鉴下。嘻嘻。 （一
转载
2024-01-10 22:44:02
88阅读
先前一直在纠结什么时候才能自己写一个jQuery插件，于是在网上找了一大把的资料，但是苦于自己太蠢看不懂所以就耽搁了下来，今天找到了一个jQuery插件编写的视频教程，于是就自己看完后，写了一个小小的插件，及一些看视频时了解到的写插件时的注意事项。以下就是一些例子及注意事项：类级别的插件编写1）直接给jQuery添加全局函数首先在创建好的demo1.js中编写如下代码：jQuery.myAlert
转载
2023-09-18 14:34:30
86阅读
前面我们学会了如何封装一个插件，并且做了一个简单的拖拽效果的插件，现在我们需要再完善一下这个插件。 首先，我们知道，很多插件其实是可以配置参数的插件的参数怎么做呢？我们来看一下，此处我们做一个改变div宽度和高度的插件（简单到丧心病狂）;(function($){
var defaults={
width:300,
height:200
};
$.fn.changeDiv=
转载
2023-12-28 11:22:26
51阅读
制作jquery文字提示插件—jquery插件实战教程（1） 很多朋友向明河请教如何写jquery插件，今天在浏览tutorialzine时候有篇教程讲解如何写个jquery文字提示插件，这插件很简单，很适合用于讲解jquery插件机制，明河也借此抛砖引玉先讲解具体一个插件，这个插件名为：Colortip，然后在下篇教程讲解jquery插件机制。效果如下图，鼠标滑过链接出现文字提示，提示框的背景
转载
2023-07-24 22:51:28
98阅读
