javascript图像效果

javascript改变一个图像的src属性的时候,图像文件的路径是基于页面的位置

交换图像

var newPhoto = new Image();

newPhoto.src = 'images/newImage.jpg';

$('#photo').attr({src:newPhoto.src,width:newPhoto.width,height:newPhoto.height});

预载入

var preloadImages = ['images/roll.png','images/flower.png','images/cat.jpg'];

var imgs = [];

for(var i=0;i<preloadImages.length;i++){

    imgs[i] = new Image();

    imgs[i].src = preloadImages[i];

}

jquery效果

.show()

.hide()

.toggle()//隐藏显示交替

.fadeIn()//淡入

.fadeOut()//淡出

.fadeTo()//淡到你说了算

------------fadeXX可以加回调函数!!!!

.slideDown()//滑入,元素下面的内容都向下推

.slideUp()//滑出,元素之下的任何内容向上推

.slideToggle()