付费下载订单状态查询链接:点此

给WordPress里的图片添加鼠标经过放大效果

学习 墨染辉夜 1936℃ 1评论

首先分析一下原理:在图片外层套了一个容器,这个容器和图片大小一样,设置超出隐藏。然后给图片添加上放大效果就可以了。 不过初音社应用这个效果的地方的宽高是固定的,但本站文章里的图片宽高是不一致的,所以需要用JavaScript来设定外层容器的宽高。 实现步骤如下:

首先添加css样式:

然后添加JavaScript代码(建议加在footer.php):

本文的代码也可以用在其他类型的网站上,不只是WordPress里才能用。但是移植时要按自己情况修改css选择器和js选择器

原作者:Saber酱

原文链接:查看原文

我的文章对您有帮助吗?
支付宝免费打赏
现在支付宝超抠门的,红包只给一两毛钱了
手机打赏 (1)
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(1)个小伙伴在吐槽
  1. 太复杂了,css就能实现
    5552018-09-08 21:13 回复