<!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){
ElementById("focpic").src = picarry[id];
ElementById("foclnk").href = lnkarry[id];
ElementById("fttltxt").innerHTML = '<a href="'+lnkarry[id]+'" target="_blank">'+ttlarry[id]+'</a>';
currslid = id;
for(i=0;i<6;i++){
  ElementById("tmb"+i).className = "thubpic";
};
ElementById("tmb"+id).className ="thubpiccur";
focpic.style.visibility = "hidden";
focpic.filters[0].Apply();
if (focpic.style.visibility == "visible") {
  focpic.style.visibility = "hidden";
  ansition=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);
}
load = function(){
playit();
}
</SCRIPT>
</HEAD>
<BODY>
  <script language="javascript">
var rows = ElementsByTagName('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="www.aa25/" target=_blank>
        <IMG id=focpic
        height=300 alt="" src="hh1.jpg" width=400>
    </A>
    <DIV class=fpic>
   
    <DIV id=fttltxt >
        <A href="goods.jsp?id=17" target=_blank>iphone4</A>
    </DIV>
    <DIV >
    <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>
javascript动态效果    <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>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。