需有滚动动作才能勾选的注册协议_JS特效_网页特效源码_教程

需有滚动动作才能勾选的注册协议

核心提示：

需要有滚动动作才能勾选的注册协议

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> #license { width: 400px; height: 350px; border: 2px solid black; margin: 50px auto 0px; overflow: auto; text-indent: 2em; } #license>p { margin: 0; } #license>p:nth-of-type(1) { text-align: center; } #bottom { width: 200px; height: 50px; margin: 10px auto 0; } </style> </head> <body> <div></div> <div id="license"> <p>****软件许可及服务协议</p> <p>【首部及导言】欢迎您使用****软件及服务！为使用****软件（以下统称“本软件”）及服务（以下统称“本服务”），您应当阅读并遵守《****许可及服务协议》（以下简称“本协议”），以及《****服务协议》、《****规则》、《****隐私政策》《****保护指引》。请您务必审慎阅读、充分理解各条款内容，特别是免除或者限制****责任的条款、对用户权利进行限制的条款、约定争议解决方式和司法管辖的条款（如第十五条相关约定）等，以及开通或使用某项服务的单独协议。限制、免责条款或者其他涉及您重大权益的条款可能以加粗、加下划线等形式提示您重点注意。除非您已充分阅读、完全理解并接受本协议所有条款，否则您无权下载、安装或使用本软件和/或相关服务。您点击“同意”、“下一步”或您的下载、安装、使用、登录等行为或者您以其他任何明示或者默示方式表示接受本协议的，即视为您已阅读并同意本协议的约束。本协议即在您与****之间产生法律效力，成为对双方均具有约束力的法律文件。如果您因年龄、智力等因素而不具有完全民事行为能力，请在法定监护人（以下简称“监护人”）的陪同下阅读和判断是否同意本协议。如果您是非中国大陆地区的用户，您订立或履行本协议以及使用本服务的行为还需要同时遵守您所属和/或所处国家或地区的法律。 </p> </div> <div id="bottom"> 我已阅读协议 <input type="checkbox" name="注册" id="bottomOpt" value="注册" disabled="" /> <button type="button" id="button" disabled="">同意</button> </div> <script type="text/javascript"> let license = document.getElementById("license"); let bottomOpt = document.getElementById("bottomOpt"); let button = document.getElementById("button"); license.onscroll = function() { // 滑到底才触发 // 内容的总高度(scrollHeight)-滑动后的窗口距离最顶部方的距离(scrollTop)==窗口的大小时(height+内边距) // 这个过程中：scrollTop在不断增大(0-某一个范围) // 这里写本应该是等于，但考虑到误差问题，写成<= if (license.scrollHeight - license.scrollTop <= license.clientHeight) { bottomOpt.disabled = false; bottomOpt.onclick = function() { if (bottomOpt.checked) { button.disabled = false; button.onclick = function() { alert("注册成功！"); } } } } } </script> </body> </html> 提示:可以修改后运行.

文本链接：https://mbtxw.com/Course/show.php?itemid=139
文章来源：模板模板
版权声明：除非特别标注，否则均为本站原创文章，转载时请以链接形式注明文章出处。

分享按钮

微信
微信扫码分享
 QQ空间 QQ好友新浪微博 Facebook 更多平台

QQ交流群

模板天下网QQ群

欢迎DT爱好者加群学习交流：68503649

联系关注

MBTXW.COM腾讯微博
536205792QQ号
68503649加QQ群
536205792@qq.com客服邮箱

• JS获取年月日及时间	• viewer.js图片查看插件的使用，支持放大旋转轮
• 一个基于HTML和JavaScript的单选框弹出提示示例	• 基于JavaScript和HTML的示例代码
• 查看按钮是灰色只有勾选同意后才能查看	• jQuery获取当前日期时间
• JS根据时间跳转不同页面

更多>同类教程

更多>热门下载

热门图文

在纪念日等特殊情况下网站变灰,变黑白的css解决方案

自定义 border（dashed）虚线的间距

destoon 8 下载模块新增多图上传

倒计时代码

分享个 ChatGPT 国内镜像站解决国内用户不能使用的问题

使用js实现简单的随机切换图片功能

MYSQL数据库指定字段中的字符串及图片批量替换

查看按钮是灰色只有勾选同意后才能查看

阿里云ecs centos系统使用wdcp面板数据盘扩容命令

热门教程

分享按钮

QQ交流群

联系关注

更多>同类教程

更多>热门下载

热门图文

在纪念日等特殊情况下网站变灰,变黑白的css解决方案

自定义 border（dashed）虚线的间距

destoon 8 下载模块新增多图上传

倒计时代码

分享个 ChatGPT 国内镜像站 解决国内用户不能使用的问题

使用js实现简单的随机切换图片功能

MYSQL数据库指定字段中的字符串及图片批量替换

查看按钮是灰色 只有勾选同意后才能查看

阿里云ecs centos系统使用wdcp面板数据盘扩容命令

热门教程

分享按钮

QQ交流群

联系关注

分享个 ChatGPT 国内镜像站解决国内用户不能使用的问题

查看按钮是灰色只有勾选同意后才能查看