图像特效

一、鼠标指针移上去图像震动效果

<style>

02.shakeimage{

03position:relative

04}

05</style>

06<script language="JavaScript1.2">

07 

13     

14//修改振动级别，越大，振动得越厉害

15var rector=3

16 

18var stopit=0

19var a=1

20  

21function init(which){

22stopit=0

23shake=which

24shake.style.left=0

25shake.style.top=0

26}

27  

28function rattleimage(){

29if ((!document.all&&!document.getElementById)||stopit==1)

30return

31if (a==1){

32shake.style.top=parseInt(shake.style.top)+rector

33}

34else if (a==2){

35shake.style.left=parseInt(shake.style.left)+rector

36}

37else if (a==3){

38shake.style.top=parseInt(shake.style.top)-rector

39}

40else{

41shake.style.left=parseInt(shake.style.left)-rector

42}

43if (a<4)

44a++

45else

46a=1

47setTimeout("rattleimage()",50)

48}

49  

50function stoprattle(which){

51stopit=1

52which.style.left=0

53which.style.top=0

54}

55  

56</script>

57
<img src=img.gif class="shakeimage" onMouseover="init(this);rattleimage()"onMouseout="stoprattle(this)">

二、图像闪烁效果

<script>

function  blink( ){

tp.style.visibility=(tp.style.visibility=="hidden") ? "visible"  :  "hidden" ;

setTimeout("blink( )",500);   //每0.5秒刷新一次

</script>

三、自动切换效果

<script>

var img=new Array(3);

var nums=0;

if(document.images){

  for(i=1;i<=3;i++){

    img[i]=new Image( );

    img[i].src="images/00" +i+".jpg" ;

  }

}

function fort( ){

  nums++;

 document.images[0].src=img[nums].src;

  if(nums==3)

  nums=0;

}

function slide( ){                             //每隔1秒连续不断地调用fort（ ）函数

 setInterval("fort( )",1000);

}

</script>