网页制作动态图片效果源代码.doc
文本预览下载声明
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN
HTML
HEAD
TITLE New Document /TITLE
SCRIPT language=javascript
var currslid = 0;
var slidint;
function setfoc(id){
document.getElementById(focpic).src = picarry[id];
document.getElementById(foclnk).href = lnkarry[id];
document.getElementById(fttltxt).innerHTML = a href=+lnkarry[id]+ target=_blank+ttlarry[id]+/a;
currslid = id;
for(i=0;i6;i++){
document.getElementById(tmb+i).className = thubpic;
};
document.getElementById(tmb+id).className =thubpiccur;
focpic.style.visibility = hidden;
focpic.filters[0].Apply();
if (focpic.style.visibility == visible) {
focpic.style.visibility = hidden;
focpic.filters.revealTrans.transition=23;
}
else {
focpic.style.visibility = visible;
focpic.filters[0].transition=23;
}
focpic.filters[0].Play();
stopit();
}
function playnext(){
if(currslid==5){
currslid = 0;
}
else{
currslid++;
};
setfoc(currslid);
playit();
}
function playit(){
slidint = setTimeout(playnext,4500);
}
function stopit(){
clearTimeout(slidint);
}
window.onload = function(){
playit();
}
/SCRIPT
/HEAD
BODY
script language=javascript
var rows = document.getElementsByTagName(tr);
for (var i=0;irows.length;i++){
rows[i].onmouseover = function(){ //鼠标指针在行上面的时候
this.className = hover;
}
rows[i].onmouseout = function(){ //鼠标指针离开时
this.className = ;
}
}
/script
div id=position12A id=foclnk href=/ target=_blank
IMG id=focpic style=FILTER: RevealTrans ( duration = 1，transition=23 ); POSITION: absolute
height=300 alt= src=hh1.jpg width=400
/A
DIV class=fpic
DIV id=fttltxt style=MARGIN-TOP: 305px; FLOAT: left; WIDTH: 400px; TEXT-ALIGN: center
A href=goods.jsp?id=17 target=_blankiphone4/A
/DIV
DIV style=MARGIN-LEFT: 402px; WIDTH: 65px
DIV class=thubpic id=tmb0 onmouseover=setfoc(0); onmouseout=playit();
A href=goods.jsp target=_blank
IMG src=picture/11.jpg alt= width=56 height=45
/A
/DIV
DIV class=thubpic id=tmb1 onmouseover=setfoc(1); onmou
显示全部