资源描述
______________________________________________________________________________________________________________
<!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;i<6;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;i<rows.length;i++){
rows[i].onmouseover = function(){ //鼠标指针在行上面的时候
this.className = 'hover';
}
rows[i].onmouseout = function(){ //鼠标指针离开时
this.className = '';
}
}
</script>
<div id="position12"><A 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=_blank>iphone4</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); onmouseout=playit();>
<A href="goods.jsp" target=_blank>
<IMG height=45 alt="" src="picture/12.jpg" width=56 height=45>
</A>
</DIV>
<DIV class=thubpic id=tmb2 onmouseover=setfoc(2); onmouseout=playit();>
<A href="goods.jsp" target=_blank>
<IMG height=45 alt="" src="picture/22.jpg" width=56>
</A>
</DIV>
<DIV class=thubpic id=tmb3 onmouseover=setfoc(3); onmouseout=playit();>
<A
href="goods.jsp" target=_blank><IMG height=45 alt=""
src="picture/21.jpg" width=56></A></DIV>
<DIV class=thubpic id=tmb4 onmouseover=setfoc(4); onmouseout=playit();><A
href="goods.jsp" target=_blank><IMG height=45 alt=""
src="picture/32.jpg" width=56></A></DIV>
<DIV class=thubpic id=tmb5 onmouseover=setfoc(5); onmouseout=playit();><A
href="goods.jsp" target=_blank><IMG height=45 alt=""
src="picture/31.jpg" width=56></A></DIV>
<SCRIPT language=javascript type=text/javascript>
var picarry = {};
var lnkarry = {};
var ttlarry = {};
picarry[0] = "picture/11.jpg";
lnkarry[0] = "goods.jsp?id=24";
ttlarry[0] = "iphone4";
picarry[1] = "picture/12.jpg";
lnkarry[1] ="goods.jsp?id=24";
ttlarry[1] = "iphone4";
picarry[2] = "picture/22.jpg";
lnkarry[2] = "goods.jsp?id=24";
ttlarry[2] = "iphone4";
picarry[3] = "picture/21.jpg";
lnkarry[3] = "goods.jsp?id=24";
ttlarry[3] = "iphone4";
picarry[4] = "picture/32.jpg";
lnkarry[4] = "goods.jsp?id=24";
ttlarry[4] = "iphone4";
picarry[5] = "picture/31.jpg";
lnkarry[5] ="goods.jsp?id=24";
ttlarry[5] = "iphone4";
</SCRIPT>
</BODY>
</HTML>
Welcome To
Download !!!
欢迎您的下载,资料仅供参考!
精品资料
展开阅读全文