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()