香港独立IP空间
香港php空间
美国php空间
域名注册

随着这几年即时通讯服务的发展,微信的影响力也是也来越大了,现在很多的站长朋友都会在自己的网站上添加微信公众号,这样可以实现和访问者的全方位沟通和互动,那么问题来了,要怎么在php虚拟主机中去实现呢?而当今非常流行的线上线下互动营销模式。而这种互动营销的模式应用在zblog博客上更是非常适用。在zblog程序的网站上添加微信公众号效果的方式有很多种不同的方法,今天无忧主机小编来给大家介绍一种小编个人认为比较简便的实现方法——用纯css样式实现微信公众号效果。

首先来介绍一下实现后的效果吧,就是在网站上添加一行“关注微信公众号”的文字,当访问者的鼠标移动到这行文字上后就会出现微信二维码的图片,鼠标移开后图片便会隐藏。

下面小编来介绍一下实现的方法。首先在网站的html源码中添加文字和微信二维码图片的代码:

<div class="weixin"><a href="javascript:;">关注微信公众号</a><img src="http://www.txcstx.cn/gg/zfb.png" /></div>

然后添加css代码实现图片出现和隐藏的效果,代码如下:

.weixin{ display:block;text-align:center; position:relative;}
.weixin img{ display:none;}
.weixin:hover img{ position:absolute; left:50%; top:0; margin-left:-115px; padding-top:30px; display:block;}

代码添加完成之后,点击保存,在网站后台重建一下文件就可以了。最后需要提醒一下的是这个方法不适用于手机客户端,因为移动设备上是显示不出鼠标的

无忧主机相关文章推荐阅读:
ZBLOG关于安装多说评论插件的一些问题
ZBLOG控制缩略图大小不变形的方法
ZBLOG添加背景图片的快捷方法

本文地址:http://www.51php.com/zblog/21348.html

喜欢本文或觉得本文对您有帮助,请分享给您的朋友 ^_^

阅读本文的人还阅读: