天兴工作室

前几天根据一个客户需求写这个东西，需求大意很简单。一行字“关注微信公众号”，鼠标放到这行字上就出现一个微信二维码的图片，鼠标移开则二维码图片隐藏。

这东西本来准备用js开搞的，最后实在是懒于是直接用css开搞。搞完了整理了下代码发出来，希望能帮助到有需要的人。

代码很简单，html代码是这样：

<div class="weixin"><a href="javascript:;">关注微信公众号</a><img src="http://demo.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;}

这个效果是用的css里面的伪类“hover”实现的，优点是代码特别特别的简单，缺点是兼容性不太好（ie8以下）和不支持手机端（因为手机没有鼠标这个东西）

如对以上代码有什么疑问的欢迎在本页下评论区域留言，天兴工作室有时间会一一回复的。

这是一篇很基础很基础的教程，适用于刚接触网站啥都不懂的小白们。

首先是我的个人建议：如果你确定了自己要开始做网站了，请花一两个小时的时间去w3c（点我进入）网站稍微了解下html语言，不需要了解很透彻，稍微了解就行了。

然后进入正文，最近有很多客户在咨询天兴工作室，网站后台的广告位应该怎么添加代码？本文就来尝试把这个问题说清楚。

1、注册个广告联盟（百度联盟，谷歌ads之类的），然后获取广告代码直接放到后台的广告位里面就行；

2、自己的广告，通常指的是图片广告，一个很正常的图片广告代码如下：

<a href="链接地址"><img src="图片地址"></a>

以上代码详细解释：

链接地址：你想让网站访客点击这个图片广告之后跳转到哪个页面去！例如你把上面代码中的链接地址改成“http://www.baidu.com”，那么点击这个图片广告之后就直接跳转到百度首页去了。

图片地址：就是广告位显示的那张图片的地址，怎么获取这个图片地址呢？zblog操作起来很简单，先做好一张图，然后在zblog后台--附件管理--上传做好的图片--然后点击下图所示的按钮：

然后跳出页面的浏览器地址栏里面就是图片地址了。将此地址复制替换以上代码里面的“图片地址”即可完成一个正常的图片广告代码了。

啰啰嗦嗦的写了这么多只是介绍了一个图片广告代码...也不知道新手们到底能不能弄懂...不懂的在本页面下评论区域欢迎提问，有时间会一一回答的。