轩宇网

标签搜索

搜索到 1 篇与展示的结果

页面右侧浮动固定层返回顶部按钮带二维码展示功能

页面右侧浮动固定层返回顶部按钮带二维码展示功能

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

2018年08月17日

6,429 阅读

0 评论