按钮特效-阅读完协议后才可以单击的注册按钮

——————————————————————————

<script type="text/javascript">        
            //div的滚动条滚动事件
            function doScroll(){                
                //获取协议和按钮的DOM
                var d = document.getElementById('xieyi');
                var btn = document.getElementById('btn');
                //判断是否滚动到最底部了
                if(d.scrollTop + d.offsetHeight > 200){
                    btn.disabled = false;//恢复按钮可用
                }
            }
        </script>

————————————————————————————

<body style="text-align:center">
        <div style="width:200px;height:150px; overflow-y:
            scroll;margin:5px auto;border:1px solid black;"
            onscroll="doScroll()" id="xieyi">
        请认真阅读本协议。。。<br>
        ...<br>
        ...<br>
        ...<br>
        ...<br>
        ...<br>
        ...<br>
        ...<br>...<br>
        协议 end.
        </div><br>
        <input type="button" value="注册" id="btn" disabled="disabled"/>
    </body>

——————————————————————————————

 

posted @ 2016-09-22 12:01  承载梦想-韩旭明  阅读(689)  评论(0编辑  收藏  举报