找回密码
 立即注册

QQ登录

只需一步,快速开始

Tracy.Liu 讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2018-8-29 11:58  /   查看:6059  /  回复:0
本帖最后由 Tracy.Liu 于 2018-9-5 09:31 编辑

经常上网的伙伴们都会见到过侧边栏广告,无论我们是拖动滚动条,还是放大缩小窗口,小广告始终显示在固定的位置。
如果用户对这些广告不感兴趣,可以通过小广告右上角的 image.png39698790.png 关闭这个广告,如果用户对广告内容蛮感兴趣的,还可以点击它跳转到相应的页面。

效果如下图:
侧边小广告.gif

这个效果是这么实现的~
1.首先在页面中选择一片单元格,设置其单元格类型为图片,在右侧属性设置区的单元格设置中选择需要显示的图片

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

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

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

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


超简单有木有?~~
这里做了个小demo大家可以参考一下哦~


侧边小广告.fgcc

538.05 KB, 下载次数: 629

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部