放在前端页面喜欢的位置上,点击一下就会弹出的位置
<button type="button" id="ClickMe"> <i class="icon iconfont icon-yulebao"></i> <span>文字</span> </button>
这里是样式美化,也可以自己修改调整
#goodcover { display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 133%; background-color: #000; z-index: 1001; -moz-opacity: .8; opacity: .7; filter: alpha(opacity=80) } #code { padding: 10px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; background-color: #313435; z-index: 1002; border-radius: 8px; display: none; } .close1 { position: relative; } .close1 i{ font-size: 25px; font-weight: 700; color: white; position: absolute; right: -20px; top: -30px; } .goodtxt { margin-left: 30px; } .goodtxt p { font-size: 16px; color: #fff; } .goodtxt .vtip{ font-size: 12px; color: #b3b3b3;} .code-img { width: 250px; padding: 10px } .code-img img { width: 240px }
温馨提示:
1.本站大部分内容均收集于网络!若内容若侵犯到您的权益,请发送邮件至:duhaomu@163.com,我们将第一时间处理!
2.资源所需价格并非资源售卖价格,是收集、整理、编辑详情以及本站运营的适当补贴,并且本站不提供任何免费技术支持。
3.所有资源仅限于参考和学习,版权归原作者所有,更多请阅读网站声明。
1.本站大部分内容均收集于网络!若内容若侵犯到您的权益,请发送邮件至:duhaomu@163.com,我们将第一时间处理!
2.资源所需价格并非资源售卖价格,是收集、整理、编辑详情以及本站运营的适当补贴,并且本站不提供任何免费技术支持。
3.所有资源仅限于参考和学习,版权归原作者所有,更多请阅读网站声明。