WordPress建站教程：使用JS和CSS实现微信二维码显示或隐藏_CMS教程

概述在使用WordPress建站的过程中，很多时候我们想在网站的头部加上微信图标，当鼠标放到微信图标上以后显示微信二维码图片。这篇WordPress教程里我们就向大家介绍一下实现的方法，原理是通过使用JS来控制DIV显示或隐藏。

在使用的过程中，很多时候我们想在网站的头部加上微信图标，当鼠标放到微信图标上以后显示微信二维码图片。效果如下图：

这篇wordpress教程里我们就向大家介绍一下实现的方法，原理是通过使用Js来控制div显示或隐藏。

1. 切换到主题目录，打开header.PHP文件，在标签之前加入以下代码：

注：wechat-image是二维码图片所在div的ID。

2. 在想要显示二维码的地方加入以下HTML代码：

3. 加入以下CSS代码美化外观

href="http://www.kyhyy.com/" target="_blank" rel="nofollow">点击此处查看完整效果

总结

以上是内存溢出为你收集整理的WordPress建站教程：使用JS和CSS实现微信二维码显示或隐藏全部内容，希望文章能够帮你解决WordPress建站教程：使用JS和CSS实现微信二维码显示或隐藏所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

WordPress建站教程：使用JS和CSS实现微信二维码显示或隐藏