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