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