这很难解释,所以请查看http://www.adhamdannaway.com。
我想创建一个类似的前端,我的在线投资组合,但我找不到任何信息,我将如何去与它。是jquery
还是css
?
类似的系统显示在这里:http://www.indigorenderer.com/sketchup/
查看代码时,html的大小会随着图像的移动而改变。我认为这与视差滚动有关。
谁能给我解释一下这个情况,给我指出正确的方向?谢谢。
嗯,第二个链接有两个图像,一个是黑白的,另一个是彩色的。然后使用css位置将两个图像放置在另一个图像之上(现在显示一个图像)。然后使用jquery,你可以在图像上做悬停事件-改变另一个图像的宽度,只显示块和增加宽度作为悬停
效果是视差。这个例子展示了您可能想要的效果。请注意红色图层是如何跟随光标而背景图像保持在原位的。你需要将背景设置为一个图像,并将"红色"图层设置为第二个图像。你还需要将"红色"图层设置为只在x方向上移动