需要wetool可联系我。
之前火爆全网的点亮武汉,想必大家都看了。
比如这种案例:被气死的一天、点亮武汉都是这样实现的。代码如下。
我的demo在这里:换图测试
效果如下:
换图效果(做的很丑,哈哈)https://www.zhihu.com/video/1231198270359658496
将点击前的图片做好后,上传到素材库,找到并复制网址备用。 将代码中的https://mmbiz.qpic.cn/mmbiz_jpg/fIo6HibwpqShLzM1xEyO7qTBKYSxwCiaGTYnHysW08gWysTHnQTuMFGLeodk0VRm3Bdgl0bibfKVj1NyibaWYmpKJQ/0?wx_fmt=jpeg替换成你刚复制的图片地址。
同理,将点击后的图片做好后,也上传到素材库,找到并复制网址备用。 将代码中的https://mmbiz.qpic.cn/mmbiz_jpg/fIo6HibwpqShLzM1xEyO7qTBKYSxwCiaGTfFwUZN1sMb35EPHRCBibeL6a2fKVlngxZmWHrcfEibFMFmiaC4LUWwbsw/0?wx_fmt=jpeg替换成你刚复制的图片地址。
这两个是我的图片的网址,换成你的就行了
注意,点击前和点击后的图片分辨率尽量一样,这样效果更自然。
最后,在代码中将1080和600设置成你自己的图片的分辨率(有两处),比如我的图片是1080X600,代码位置在这里:
如果想要多张图,复制这部分代码即可:
文字部分,在这里复制:
大功告成。
编辑器的话,使用第三方支持html功能的编辑器就可以啦,或者使用DW,Notepad++等也可以。
大功告成。
(原创,谢绝转载抄袭)
demo.html
3.1K
·百度网盘
更专业的操作,比如图片怎么做,SVG,排版,动画渐变效果等,可以看下这里:网页链接
欢迎关注@社群管理。