2018-08-17 页面右侧浮动固定层返回顶部按钮带二维码展示功能 页面右侧浮动固定层返回顶部按钮带二维码展示功能 移动互联网时代的到来,大家可以通过“扫一扫”功能轻松在移动端获取需要的信息。今天我给大家分享一个WEB功能,它是一个漂浮在网页的右侧的小工具条,我们可以使用它上下快速定位页面位置,可以弹出微信二维码或者页面地址二维码,让喜欢在手机等移动设备上阅读的朋友轻松获取信息。HTML首先我们准备右侧浮动层的内容,工具条有上下箭头按钮,然后一个“反馈”链接,点击可以到网站的反馈信息页面,还有一个二维码按钮,鼠标滑上时会弹出一个二维码图片,那么我们使用.popPanel来放置二维码图片,.arrowPanel是用来做箭头方向的。在本例中,我使用了一张背景图作为工具条,当然实际应用中我们还可以根据实际需求加多个功能按钮。<div id="floatPanel"> <div class="ctrolPanel" style="right:20px;"> <a class="arrow" href="#"><span>顶部<... 2018年08月17日 6,429 阅读 0 评论