bootstrap 上下页滚动

僤鯓⒐⒋嵵緔 提交于 2019-12-04 07:17:26

  

<!DOCTYPE html><html><head lang="en">    <meta charset="UTF-8">    <title></title>   <script src="js/jquery-1.11.0.min.js"></script>   <script src="js/jquery.touchSwipe.min.js"></script>    <style>        #screen1{            background-color: #ddd;            display: block;            position: absolute;            width: 100%;            height: 100%;        }        #screen2{            display: none;            position: absolute;            background-color: pink;            width: 100%;            height: 100%;        }        #screen3{            display: none;            position: absolute;            background-color: #00f;            width: 100%;            height: 100%;        }    </style></head><body id="orientation">    <div class="screen1" id="screen1" >    </div>    <div class="screen2" id="screen2">    </div>    <div class="screen3" id="screen3" >    </div>    <script>        $(function () {            function switcher(id, nextid, xiaid) {                $(id).swipe({                            swipe: function (event, direction, distance, duration, fingerCount) {                                if (direction == "up") {                                    $(nextid).show();                                    $(this).hide();                                }                                else if (direction == "down") {                                    $(xiaid).show();                                    $(this).hide();                                }                            }                        }                );            }            $("#screen1").swipe({                        swipe: function (event, direction, distance, duration, fingerCount) {                            if (direction == "up") {                                $("#screen2").show();                                $("#screen1").hide();                            }                        }                    }            )            switcher("#screen2", "#screen3", "#screen1");            $("#screen3").swipe({                        swipe: function (event, direction, distance, duration, fingerCount) {                            if (direction == "down") {                                $("#screen3").hide();                                $("#screen2").show();                            }                        }                    }            );        });    </script></body></html><script>   var c = "http://oss.tunji99.com/tunji-dev/20191107/14d11fa494a947539606aa9b94ddf818.png!q_max3,http://oss.tunji99.com/tunji-dev/20191107/14d11fa494a947539606aa9b94ddf818.png!q_max3,";   var e = c.search("http://oss.tunji99.com/tunji-dev/20191107/14d11fa494a947539606aa9b94ddf818.png!q_max3,","");   console.log(e);</script>
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!