我正在寻找这种效果是如何产生的：
http://www.thesartorialist.com/category/men/
（当在该站点上将鼠标悬停在图像上时 - 链接/阳离子从您“输入”照片的一侧滑入）。
我想知道的是背景和链接栏是如何淡入的，然后它如何知道图像的哪一侧是您输入的那一侧？
我可以看到有用于夸大的 CSS，它带来了黑色渐变图像叠加，但不是很多。
提前谢谢了..
亚历克斯
问问题
1617 次
1 回答
1
对于滑入和滑出的栏，请考虑使用 -- http://docs.jquery.com/UI/Effects/Slide
为了得到它应该进入的那一面，你可以做一些原始的东西。也就是说，对于悬停在每个图像上，您可以从事件对象作为 event.pageX 获取鼠标位置，然后您可以始终找出图像的哪一侧位于该点，因为您有图像的宽度，和图像的 offsetLeft。
获得鼠标入口点后，通过使用 jquery 设置栏的 css 将栏带到那一侧，然后从所需方向将其滑入。
祝你好运。
于 2012-05-20T22:54:34.907 回答