JS超强幻灯片效果代码

JS超强幻灯片效果代码根据网友改写而来:).因为我发现将VBS用在网页中时,如果再调用JS代码会出现莫名其妙的错误,但是网页中全用JS代码后就不出现错误了,所以把网友的VBS改成了JS.

大家好,欢迎来到IT知识分享网。根据网友<
VBscript超强幻灯片效果代码>改写而来:).

因为我发现将VBS用在网页中时, 如果再调用JS代码会出现莫名其妙的错误,但是网页中全用JS代码后就不出现错误了,所以把网友的VBS改成了JS.

slide.js源代码:

JS超强幻灯片效果代码

JS超强幻灯片效果代码  

//
超强幻灯片效果

JS超强幻灯片效果代码

  
var
 temp_arr1 
=
 navigator.appVersion.split(

;

)
JS超强幻灯片效果代码  

var
 temp_arr2 
=
 temp_arr1[
1
].split(

 

)
JS超强幻灯片效果代码  

var
 CanPlay 
=
 (  temp_arr2[
2

>
 
5
 )
JS超强幻灯片效果代码    
JS超强幻灯片效果代码  

var
 FilterStr 
=
 

RevealTrans(duration=2,transition=23)


JS超强幻灯片效果代码  FilterStr 

=
 FilterStr 
+
 

;BlendTrans(duration=2)


JS超强幻灯片效果代码  
JS超强幻灯片效果代码  

if
 (CanPlay)
JS超强幻灯片效果代码JS超强幻灯片效果代码  


{
JS超强幻灯片效果代码    FilterStr 
= FilterStr + ;progid:DXImageTransform.Microsoft.Pixelate(,enabled=false,duration=2,maxSquare=25)
JS超强幻灯片效果代码    FilterStr 
= FilterStr + ;progid:DXImageTransform.Microsoft.Fade(duration=2,overlap=0)
JS超强幻灯片效果代码    FilterStr 
= FilterStr + ;progid:DXImageTransform.Microsoft.GradientWipe(duration=2,gradientSize=0.25,motion=forward )
JS超强幻灯片效果代码    FilterStr 
= FilterStr + ;progid:DXImageTransform.Microsoft.Stretch(duration=2,stretchStyle=PUSH)
JS超强幻灯片效果代码    FilterStr 
= FilterStr + ;progid:DXImageTransform.Microsoft.Wheel(duration=2,spokes=16)
JS超强幻灯片效果代码    FilterStr 
= FilterStr + ;progid:DXImageTransform.Microsoft.RandomDissolve(duration=2)
JS超强幻灯片效果代码    FilterStr 
= FilterStr + ;progid:DXImageTransform.Microsoft.Spiral(duration=2,gridSizeX=50,gridSizeY=50)
JS超强幻灯片效果代码    FilterStr 
= FilterStr + ;progid:DXImageTransform.Microsoft.Slide(duration=2,bands=1,slideStyle=SWAP)
JS超强幻灯片效果代码    FilterStr 
= FilterStr + ;progid:DXImageTransform.Microsoft.RadialWipe(duration=2,wipeStyle=CLOCK)
JS超强幻灯片效果代码  }


JS超强幻灯片效果代码  

else

JS超强幻灯片效果代码    alert(


幻灯片图片切换效果需要浏览器为IE5.5或以上版本,否则将只能看到部分的切换效果。

)
JS超强幻灯片效果代码
JS超强幻灯片效果代码
JS超强幻灯片效果代码  

var
 FilterArr 
=
 FilterStr.split(

;

)
JS超强幻灯片效果代码
JS超强幻灯片效果代码  

var
 PlayImg_M 
=
 
5
 
*
 
1000
  
//
切换时间(毫秒)

JS超强幻灯片效果代码


JS超强幻灯片效果代码  

var
 I 
=
 
1

JS超强幻灯片效果代码
JS超强幻灯片效果代码  

function
 ChangeImg(FileListArr)
JS超强幻灯片效果代码JS超强幻灯片效果代码  


{
JS超强幻灯片效果代码    
while(FileListArr[I]==“”)
JS超强幻灯片效果代码JS超强幻灯片效果代码    
{
JS超强幻灯片效果代码      I 
= I + 1
JS超强幻灯片效果代码      
if (I >= FileListArr.length) I = 0;
JS超强幻灯片效果代码    }

JS超强幻灯片效果代码    
var J
JS超强幻灯片效果代码    
if (I >= FileListArr.length) I = 0;
JS超强幻灯片效果代码    
//Randomize //随机数
JS超强幻灯片效果代码
    J = Math.round( Math.random() * 100 ) % FilterArr.length
JS超强幻灯片效果代码    Img.style.filter 
= FilterArr[J]
JS超强幻灯片效果代码    Img.filters(
0).apply()
JS超强幻灯片效果代码    Img.src 
= FileListArr[I]
JS超强幻灯片效果代码    Img.filters(
0).play()
JS超强幻灯片效果代码    I 
= I + 1
JS超强幻灯片效果代码    
if (I >= FileListArr.length) I = 0;
JS超强幻灯片效果代码    TempImg.src 
= FileListArr[I]
JS超强幻灯片效果代码    
JS超强幻灯片效果代码    window.setTimeout(
ChangeImg(FileListArr),PlayImg_M)
JS超强幻灯片效果代码   
JS超强幻灯片效果代码  }


JS超强幻灯片效果代码  

//
””””””””””””””””””””’

JS超强幻灯片效果代码

  
function
 ShowImg(FileList)
JS超强幻灯片效果代码JS超强幻灯片效果代码  


{
JS超强幻灯片效果代码      FileListArr 
= FileList.split(,)
JS超强幻灯片效果代码      NoScript.style.display 
= none
JS超强幻灯片效果代码      CanRunScript.style.display 
= “”
JS超强幻灯片效果代码      Img.src 
= FileListArr[0]
JS超强幻灯片效果代码      Img.style.width 
= 990
JS超强幻灯片效果代码      Img.style.height 
= 100
JS超强幻灯片效果代码      window.setTimeout(
ChangeImg(FileListArr), PlayImg_M)
JS超强幻灯片效果代码  }


JS超强幻灯片效果代码

在网页中调用的代码:

JS超强幻灯片效果代码
<!–
在网页中调用js幻灯片效果
–>

JS超强幻灯片效果代码

<
table 
width
=”990px”
 align
=”center”
 border
=”0px”
 cellpadding
=”0px”
 cellspacing
=”0px”
>

JS超强幻灯片效果代码  

<
tr 
id
=”NoScript”
>

JS超强幻灯片效果代码    

<
td 
align
=”center”
 style
=”color:white”
>
对不起,您的浏览器禁止脚本运行,无法正常显示图片。
</
td
>

JS超强幻灯片效果代码  

</
tr
>

JS超强幻灯片效果代码  

<
tr 
style
=”display:none”
 id
=”CanRunScript”
>

JS超强幻灯片效果代码    

<
td 
height
=”100%”
 align
=”center”
 valign
=”middle”
>

JS超强幻灯片效果代码      

<
img 
ID
=”Img”
 border
=”0″
 
>

JS超强幻灯片效果代码    

</
td
>

JS超强幻灯片效果代码  

</
tr
>

JS超强幻灯片效果代码  

<
tr 
style
=”display:none”
>

JS超强幻灯片效果代码    

<
TD
><
Img 
ID
=”TempImg”
 Border
=”0″
></
TD
>

JS超强幻灯片效果代码  

</
tr
>
  
JS超强幻灯片效果代码

</
table
>

JS超强幻灯片效果代码

<
script 
type
=”text/javascript”
 src
=”../js/slide.js”
></
script
>

JS超强幻灯片效果代码JS超强幻灯片效果代码

<
script 
language
=”javascript”
>


JS超强幻灯片效果代码    FileList 
= ../images/top_banner_1.jpg;
JS超强幻灯片效果代码    FileList 
= FileList + ,../images/top_banner_2.jpg;//多张图片用逗号隔开
JS超强幻灯片效果代码
    ShowImg(FileList);
JS超强幻灯片效果代码

</
script
>

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/34209.html

(0)

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信