zoukankan      html  css  js  c++  java
  • 新蛋网的大图展示效果,缩略图点击显示大图,上一个下一个

     <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">

    <HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD>
    <META http-equiv=Content-Type content="text/html; charset=gb2312">
    <LINK
    href="neweggshow/frame091106.css"
    type=text/css rel=stylesheet><LINK
    href="neweggshow/productList090825.css"
    type=text/css rel=stylesheet>
    <SCRIPT
    src="neweggshow/jQuery-1.3.2.js"
    type=text/javascript></SCRIPT>


    <SCRIPT
    src="neweggshow/WebApplication091103.js"
    type=text/javascript></SCRIPT>


    <SCRIPT
    src="neweggshow/BizProduct091027.js"
    type=text/javascript></SCRIPT>


    </HEAD>
    <BODY>
    <DIV id=wrap>
    <DIV id=body>
    <DIV class=modA id=viewPic>
    <DIV class=modBody>
    <DIV class=thumb>
    <UL>
    <LI><A class=current href="javascript:void(0);"><IMG class=Picture40
    onclick=Biz.Product.Image.ChangeBigPic(this,10);
    alt=""
    src="neweggshow/11-c09-362.jpg"
    index="0"
    ref1="neweggshow/11-c09-362(1).jpg"></A>
    </LI>
    <LI><A class="" href="javascript:void(0);"><IMG class=Picture40
    onclick=Biz.Product.Image.ChangeBigPic(this,10);
    alt=""
    src="neweggshow/11-c09-362-01.jpg"
    index="1"
    ref1="neweggshow/11-c09-362-01.jpg"></A>
    </LI>
    <LI><A class="" href="javascript:void(0);"><IMG class=Picture40
    onclick=Biz.Product.Image.ChangeBigPic(this,10);
    alt=""
    src="neweggshow/11-c09-362-02.jpg"
    index="2"
    ref1="neweggshow/11-c09-362-02.jpg"></A>
    </LI>
    <LI><A class="" href="javascript:void(0);"><IMG class=Picture40
    onclick=Biz.Product.Image.ChangeBigPic(this,10);
    alt=""
    src="neweggshow/11-c09-362-03.jpg"
    index="3"
    ref1="neweggshow/11-c09-362-03.jpg"></A>
    </LI>
    <LI><A class="" href="javascript:void(0);"><IMG class=Picture40
    onclick=Biz.Product.Image.ChangeBigPic(this,10);
    alt=""
    src="neweggshow/11-c09-362-04.jpg"
    index="4"
    ref1="neweggshow/11-c09-362-04.jpg"></A>
    </LI>
    <LI><A class="" href="javascript:void(0);"><IMG class=Picture40
    onclick=Biz.Product.Image.ChangeBigPic(this,10);
    alt=""
    src="neweggshow/11-c09-362-05.jpg"
    index="5"
    ref1="neweggshow/11-c09-362-05.jpg"></A>
    </LI>
    <LI><A class="" href="javascript:void(0);"><IMG class=Picture40
    onclick=Biz.Product.Image.ChangeBigPic(this,10);
    alt=""
    src="neweggshow/11-c09-362-06.jpg"
    index="6"
    ref1="neweggshow/11-c09-362-06.jpg"></A>
    </LI>
    <LI><A class="" href="javascript:void(0);"><IMG class=Picture40
    onclick=Biz.Product.Image.ChangeBigPic(this,10);
    alt=""
    src="neweggshow/11-c09-362-07.jpg"
    index="7"
    ref1="neweggshow/11-c09-362-07.jpg"></A>
    </LI>
    <LI><A class="" href="javascript:void(0);"><IMG class=Picture40
    onclick=Biz.Product.Image.ChangeBigPic(this,10);
    alt=""
    src="neweggshow/11-c09-362-08.jpg"
    index="8"
    ref1="neweggshow/11-c09-362-08.jpg"></A>
    </LI>
    <LI><A class="" href="javascript:void(0);"><IMG class=Picture40
    onclick=Biz.Product.Image.ChangeBigPic(this,10);
    alt=""
    src="neweggshow/11-c09-362-09.jpg"
    index="9"
    ref1="neweggshow/11-c09-362-09.jpg"></A>
    </LI></UL>
    <DIV class=clear></DIV></DIV>
    <DIV class=slideShow>
    <DIV class=img><IMG id=bigImg alt=""
    src="neweggshow/11-c09-362(1).jpg"
    index="0"></DIV>
    <DIV class=control><A class=prevStop id=btnPrev
    href="javascript:Biz.Product.Image.MovePrev(10);"></A><A class=next id=btnNext
    href="javascript:Biz.Product.Image.MoveNext(10);"></A></DIV>
    </DIV>
    </DIV>

    </DIV></DIV></DIV>


    </BODY></HTML>

    http://www.corange.cn//uploadfiles/neweggshow_40088.rar

    原文地址:http://www.corange.cn/archives/2009/11/3490.html

  • 相关阅读:
    泛型约束 where T : class,new()
    在Navicat for MySQL中打开视图时,提示视图没有主键的问题
    转:JQuery实现下拉框的数据加载和联动
    查询每门课程最高分的学生的学号,课程号,成绩
    转:SQL子句的执行顺序
    端口映射
    服务器与个人电脑的区别
    花生壳使用指南
    如何测试本机的公网IP能否被Internet用户访问
    利用ADSL拨号上网方式如何搭建服务器
  • 原文地址:https://www.cnblogs.com/zerogo/p/2209091.html
Copyright © 2011-2022 走看看