<!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>