专注于知识
经验、资源的分享

如何制作HTM5悬浮按钮

最近有客户想要在HTML5页面中添加一个悬浮按钮,提示用户领红包、抽奖,在网上找了很久,也没有找到自己想要的,花了很长时间和很多精力,终于达到了自己想要的效果,今天分享给大家,希望对大家有所帮助,谢谢。

首先,定义一个DIV,将DIV做成按钮、图片都是可以的,代码如下:

 <div class="demo"></div>

最后,定义一个CSS样式

.demo{

position:fixed;

width:150px;

height:150px;

right: 0px;

top: 50%;

z-index: 999;

border:1px solid #ccc;

border-radius:30px;

background-color:red;

}
赞(2) 打赏
本文原创转载请注明出处:阿斌分享 » 如何制作HTM5悬浮按钮
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏