JS焦点图片自动播放 不限图片张数 可左右控制文档格式.docx

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