图像特效

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

<style>

02	.shakeimage{

03	position:relative

04

}

05

</style>

06	<script language="JavaScript1.2">

07

13

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

15	var rector=3

16

18	var stopit=0

19

var a=1

20

21	function init(which){

22

stopit=0

23	shake=which

24	shake.style.left=0

25	shake.style.top=0

26

}

27

28	function rattleimage(){

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

30

return

31	if (a==1){

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

33

}

34	else if (a==2){

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

36

}

37	else if (a==3){

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

39

}

40

else{

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

42

}

43

if (a<4)

44

a++

45

else

46

a=1

47	setTimeout("rattleimage()",50)

48

}

49

50	function stoprattle(which){

51

stopit=1

52	which.style.left=0

53	which.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>