本帖最后由 Tracy.Liu 于 2018-9-5 09:31 编辑
经常上网的伙伴们都会见到过侧边栏广告,无论我们是拖动滚动条,还是放大缩小窗口,小广告始终显示在固定的位置。 如果用户对这些广告不感兴趣,可以通过小广告右上角的
关闭这个广告,如果用户对广告内容蛮感兴趣的,还可以点击它跳转到相应的页面。
效果如下图:
这个效果是这么实现的~ 1.首先在页面中选择一片单元格,设置其单元格类型为图片,在右侧属性设置区的单元格设置中选择需要显示的图片
2.在图片单元格右上角同样的方式,设置关闭按钮(这个按钮"×"实质上也是图片哦)
3.接下来,给1中的图片添加页面跳转命令
4.给2中的关闭按钮添加设置单元格属性,模拟关闭小广告功能
5.最后我们来实现广告固定的效果,这一步就需要我们写一丢丢CSS啦~
超简单有木有?~~ 这里做了个小demo大家可以参考一下哦~
|