JS焦点图片自动播放 不限图片张数 可左右控制文档格式.docx
- 文档编号:21204613
- 上传时间:2023-01-28
- 格式:DOCX
- 页数:19
- 大小:86.83KB
JS焦点图片自动播放 不限图片张数 可左右控制文档格式.docx
《JS焦点图片自动播放 不限图片张数 可左右控制文档格式.docx》由会员分享,可在线阅读,更多相关《JS焦点图片自动播放 不限图片张数 可左右控制文档格式.docx(19页珍藏版)》请在冰豆网上搜索。
onmousedown="
ISL_GoUp()"
onmouseup="
ISL_StopUp()"
onmouseout="
/div>
Cont"
id="
ISL_Cont"
ScrCont"
divid="
List1"
--图片列表begin-->
pic"
ahref="
target="
_blank"
imgsrc="
width="
109"
height="
87"
alt="
周宪环"
/a>
p>
周宪环<
/p>
周桢炜"
周桢炜<
张颖"
张颖<
王乃超"
王乃超<
谢雯琇"
谢雯琇<
吕铬"
吕铬<
贾正如"
贾正如<
--图片列表end-->
List2"
RightBotton"
ISL_GoDown()"
ISL_StopDown()"
styletype="
text/css"
--
.rollBox{width:
704px;
overflow:
hidden;
padding:
12px05px6px;
}
.rollBox.LeftBotton{height:
52px;
width:
19px;
background:
url(no-repeat11px0;
float:
left;
display:
inline;
margin:
25px000;
cursor:
pointer;
.rollBox.RightBotton{height:
20px;
url(no-repeat-8px0;
.rollBox.Cont{width:
663px;
.rollBox.ScrCont{width:
10000000px;
.rollBox.Cont.pic{width:
132px;
text-align:
center;
.rollBox.Cont.picimg{padding:
4px;
#fff;
border:
1pxsolid#ccc;
block;
0auto;
.rollBox.Cont.picp{line-height:
26px;
color:
#505050;
.rollBox.Conta:
link,.rollBox.Conta:
visited{color:
#626466;
text-decoration:
none;
hover{color:
#f00;
underline;
.rollBox#List1,.rollBox#List2{float:
-->
/style>
scriptlanguage="
javascript"
type="
--//-->
[CDATA[//>
//图片滚动列表mengjia070816
varSpeed=40;
//速度(毫秒)
varSpace=20;
//每次移动(px)
varPageWidth=132;
//翻页宽度
varfill=0;
//整体移位
varMoveLock=false;
varMoveTimeObj;
varComp=0;
varAutoPlayObj=null;
GetObj("
).innerHTML=GetObj("
).innerHTML;
GetObj('
ISL_Cont'
).scrollLeft=fill;
).onmouseover=function(){clearInterval(AutoPlayObj);
).onmouseout=function(){AutoPlay();
AutoPlay();
functionGetObj(objName){if(document.getElementById){returneval('
document.getElementById("
'
+objName+'
"
)'
)}else{returneval('
document.all.'
+objName)}}
functionAutoPlay(){//自动滚动
clearInterval(AutoPlayObj);
AutoPlayObj=setInterval('
ISL_GoDown();
ISL_StopDown();
5000);
//间隔时间
functionISL_GoUp(){//上翻开始
if(MoveLock)return;
MoveLock=true;
MoveTimeObj=setInterval('
ISL_ScrUp();
Speed);
functionISL_StopUp(){//上翻停止
clearInterval(MoveTimeObj);
if(GetObj('
).scrollLeft%PageWidth-fill!
=0){
Comp=fill-(GetObj('
).scrollLeft%PageWidth);
CompScr();
}else{
MoveLock=false;
}
AutoPlay();
functionISL_ScrUp(){//上翻动作
).scrollLeft<
=0){GetObj('
).scrollLeft=GetObj('
).scrollLeft+GetObj('
List1'
).offsetWidth}
GetObj('
).scrollLeft-=Space;
functionISL_GoDown(){//下翻
ISL_ScrDown();
ISL_ScrDown()'
functionISL_StopDown(){//下翻停止
=0){
Comp=PageWidth-GetObj('
).scrollLeft%PageWidth+fill;
functionISL_ScrDown(){//下翻动作
).scrollLeft>
=GetObj('
).scrollWidth){GetObj('
).scrollLeft-GetObj('
).scrollWidth;
).scrollLeft+=Space;
functionCompScr(){
varnum;
if(Comp==0){MoveLock=false;
return;
if(Comp<
0){//上翻
-Space){
Comp+=Space;
num=Space;
num=-Comp;
Comp=0;
).scrollLeft-=num;
setTimeout('
CompScr()'
}else{//下翻
if(Comp>
Space){
Comp-=Space;
num=Comp;
).scrollLeft+=num;
//-->
]]>
--end-->
.scrollList_40{float:
position:
relative;
width:
575px;
height:
200px;
}/*101116a*/
.scrollList_40.photolist{position:
visible;
10000px;
margin:
10px0px;
.scrollList_40.photolistul{float:
0px;
.scrollList_40.photolistli{float:
05px;
height:
178px;
border:
.scrollList_40.photolistliimg{width:
.butL,.butR{float:
background:
url(images/iconLeft_4.gif)no-repeat;
82px;
margin-right:
12px;
margin-top:
50px;
.butR{background-image:
url(images/iconRight_4.gif);
margin-left:
15px;
.clear{clear:
both;
0px;
0auto;
font-size:
line-height:
<
inputid="
pre_40"
button"
value="
class="
butL"
scrollList_40"
>
<
photolist_40"
photolist"
<
ul>
li>
imgheight="
178"
134"
border="
0"
/>
/li>
/ul>
next_40"
butR"
clear"
varscroll_40=newifeng_Scroll("
"
);
scroll_40.Speed=20;
//滚动速度微调
scroll_40.IsSmoothScroll=false;
//是否平滑连续滚动平滑滚动:
true间隔滚动:
false
scroll_40.PauseTime=2000;
//间隔滚动时每次滚动间隔的时间。
单位:
毫秒。
建议值:
--3000适用于间隔滚动。
scroll_40.Direction="
E"
;
//滚动方向.向东:
E,向北:
N
scroll_40.Step=10;
//滚动步长,可以理解为滚动速度。
值越大速度越快。
值范围:
1--10
scroll_40.ControllerType="
click"
//上一个和下一个按钮事件的触发方式:
click为点击触发滚动否则就是鼠标按住按钮触发滚动。
支持click和mousedown两种模式
scroll_40.BackCall=null;
//回调函数滚动到末尾时执行
scroll_40.Init();
scroll_40.Start();
//开始滚动
--end-->
.scrollList_41{float:
position:
.scrollList_41.photolist{position:
.scrollList_41.photolistul{float:
.scrollList_41.photolistli{float:
95px;
.scrollList_41.photol
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- JS焦点图片自动播放 不限图片张数 可左右控制 JS 焦点 图片 自动 播放 不限 左右 控制