pc端 前端页面 js灯箱效果能放大缩小吗

JavaScript014

pc端 前端页面 js灯箱效果能放大缩小吗,第1张

可以监听滚轮事件 mousewheel 判断是点击的图片是否显示,显示的话 先屏蔽滚动事件 然后获取到你显示出来的容器 改变一下img的css的 transform :scale属性,也可以判断下滚动方向进行放大和缩小 如果没有显示 就不采取任何处理

首先你要有后台的图片地址,然后引用一个js插件就可以实现你要的效果了。至于插件的话,我建议你可以去这人网址下载,里面有很多灯箱图片效果。http://www.xiamiz.com/list-86-1.html 希望我的回答你.如果还有问题,你可以继续追问。

具体实现步骤如下:

在博客根目录下(和 source 同级),新建一个名为 scripts 的文件夹。

在 scripts 文件夹内, 新建一个 AddTail.js 脚本文件,脚本具体内容详见下文。

在博客根目录下,新建一个 tail.md 文件,里面写想要展示的版本说明内容。示例如下文所示。