加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > CMS系统 > wordpress > 正文

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

发布时间:2020-12-14 14:38:21 所属栏目:wordpress 来源:网络整理
导读:在使用的过程中,很多时候我们想在网站的头部加上微信图标,当鼠标放到微信图标上以后显示微信二维码图片。效果如下图: 这篇WordPress教程里我们就向大家介绍一下实现的方法,原理是通过使用JS来控制DIV显示或隐藏。 1. 切换到主题目录,打开header.php文件

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

wechat

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

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

注:wechat-image是二维码图片所在DIV的ID。

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

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读