一看就会，超有用活字格技能：三十，侧边小广告

收藏

本帖最后由 Tracy.Liu 于 2018-9-5 09:31 编辑

经常上网的伙伴们都会见到过侧边栏广告，无论我们是拖动滚动条，还是放大缩小窗口，小广告始终显示在固定的位置。

如果用户对这些广告不感兴趣，可以通过小广告右上角的 image.png39698790.png

关闭这个广告，如果用户对广告内容蛮感兴趣的，还可以点击它跳转到相应的页面。

效果如下图：

这个效果是这么实现的~

1.首先在页面中选择一片单元格，设置其单元格类型为图片，在右侧属性设置区的单元格设置中选择需要显示的图片

2.在图片单元格右上角同样的方式，设置关闭按钮（这个按钮"×"实质上也是图片哦）

3.接下来，给1中的图片添加页面跳转命令

4.给2中的关闭按钮添加设置单元格属性，模拟关闭小广告功能

5.最后我们来实现广告固定的效果，这一步就需要我们写一丢丢CSS啦~

超简单有木有？~~

这里做了个小demo大家可以参考一下哦~

		自动登录	找回密码
密码			立即注册

[易学技巧] 一看就会，超有用活字格技能：三十，侧边小广告