100分求助。谁能把这个代码给我搞下来。

<ul id="colorselect" class="colorpicker">
<li id="cs-title">选择一种色彩：</li>
<li class="cs-silver"><a id="cs-silver" class="content-link" href="/ipodclassic/gallery/colors/silver#cs-silver">经典银</a></li>
<li class="cs-black"><a id="cs-black" class="content-link" href="/ipodclassic/gallery/colors/black#cs-black">新酷黑</a></li>
</ul>你也可以顺着他这个找他的代码

解决方案 »

  1.   

    晕,这个太简单了,点图片就是一个事件,然后根据事件在指定的div中显示图
      

  2.   

    看来是需要附上源代码了。 你google一下吧! 这样效果的代码很多的。
      

  3.   

    到网上找到jquery,下来后,告诉我
      

  4.   

    <html lang="en-us"><head><link charset="utf-8" type="text/css" href="/sg/global/styles/base.css" rel="stylesheet">
    <meta http-equiv="content-type" content="text/html; charset=gb2312">
    <meta http-equiv="content-type" content="text/html; charset=gb2312">
    <meta http-equiv="pics-label" content="(pics-1.1 &quot;http://www.icra.org/ratingsv02.html&quot; l gen true for &quot;http://www.apple.com&quot; r (cz 1 lz 1 nz 1 oz 1 vz 1) &quot;http://www.rsac.org/ratingsv01.html&quot; l gen true for &quot;http://www.apple.com&quot; r (n 0 s 0 v 0 l 0))">
    <meta http-equiv="Expires" content="Fri, 26 Mar 1999 23:59:59 GMT">
    <meta name="Author" content="Apple Inc.">
    <meta name="viewport" content="width=1024">
    <title>苹果中国 - iPod classic - 图库</title>
    <meta name="Category" content="">
    <meta name="Description" content=""> <script src="http://images.apple.com/global/scripts/lib/prototype.js" type="text/javascript" charset="utf-8"></script>
    <script src="http://images.apple.com/global/scripts/lib/scriptaculous.js" type="text/javascript" charset="utf-8"></script>
    <script src="http://images.apple.com/global/scripts/browserdetect.js" type="text/javascript" charset="utf-8"></script>
    <script src="http://images.apple.com/global/scripts/apple_core.js" type="text/javascript" charset="utf-8"></script>
    <script src="http://images.apple.com/global/scripts/search_decorator.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" href="/global/styles/base.css" type="text/css" charset="utf-8">
    <link rel="stylesheet" href="/ipod/styles/ipod.css" type="text/css" charset="utf-8">
    <link rel="stylesheet" href="/ipodclassic/styles/ipodclassic.css" type="text/css" charset="utf-8"> <link rel="stylesheet" href="/ipodclassic/gallery/styles/gallery.css" type="text/css" charset="utf-8">
    <link rel="stylesheet" href="/ipodclassic/gallery/styles/qtvr.css" type="text/css" charset="utf-8">
    <script src="/global/scripts/lib/event_mixins.js" type="text/javascript" charset="utf-8"></script>
    <script src="/global/scripts/ac_quicktime.js" type="text/javascript" charset="utf-8"></script>
    <script src="/global/scripts/swap_view.js" type="text/javascript" charset="utf-8"></script>
    <script src="/global/scripts/clicktracking.js" type="text/javascript" charset="utf-8"></script>
    <script src="/global/scripts/vrgallery.js" type="text/javascript" charset="utf-8"></script> <script src="/ipod/scripts/ipod_qtvr.js" type="text/javascript" charset="utf-8"></script>
    <script src="/ipod/scripts/gallery_coordinator.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" charset="utf-8">
      

  5.   

    Event.onDOMReady(function() {
    var hardwareViewer = new AC.ViewMaster.Viewer(null, 'gallery_content', 'content-link',{initialId:"cs-silver",shouldAnimateContentChange:false, silentTriggers:true });
    hardwareViewer.setDelegate(iPod.GalleryCoordinator);
    })

    </script><script type="text/javascript">
    Event.onDOMReady(function() {
    var silveriPodclassicViewer = new AC.ViewMaster.Viewer(null, 'image-region', 'galleryThumbSilver',{initialId:"image1",shouldAnimateContentChange:false});

    if (iPod.GalleryCoordinator) {
    iPod.GalleryCoordinator.synchronizedViewMasters['cs-silver'] = silveriPodclassicViewer;
    }
    })

    </script><script type="text/javascript">


    Event.onDOMReady(function() {
    var blackiPodclassicViewer = new AC.ViewMaster.Viewer(null, 'image-region', 'galleryThumbBlack',{initialId:"image1",shouldAnimateContentChange:false});

    if (iPod.GalleryCoordinator) {
    iPod.GalleryCoordinator.synchronizedViewMasters['cs-black'] = blackiPodclassicViewer;
    }
    }) </script></head><body class="gallery" id="photos">
    <script src="/global/scripts/shortcuts.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" charset="utf-8">
    var searchSection = 'global';
    var searchCountry = 'cn';
    </script>
    <div id="globalheader" class="ipoditunes"> <!--googleoff: all-->
    <ul id="globalnav">
    <li id="gn-apple"><a onclick='s_objectID="http://www.apple.com.cn/_1";return this.s_oc?this.s_oc(e):true' href="/">Apple</a></li>
    <li id="gn-store"><a onclick='s_objectID="http://www.apple.com.cn/store/_1";return this.s_oc?this.s_oc(e):true' href="/store/">购买资讯</a></li>
    <li id="gn-mac"><a onclick='s_objectID="http://www.apple.com.cn/mac/_1";return this.s_oc?this.s_oc(e):true' href="/mac/">Mac</a></li>
    <li id="gn-ipoditunes"><a onclick='s_objectID="http://www.apple.com.cn/itunes/_1";return this.s_oc?this.s_oc(e):true' href="/itunes/">iPod + iTunes</a></li>
    <li id="gn-downloads"><a onclick='s_objectID="http://www.apple.com/downloads/_1";return this.s_oc?this.s_oc(e):true' href="http://www.apple.com/downloads/" target="_blank">下载</a></li> <li id="gn-support"><a onclick='s_objectID="http://www.apple.com.cn/support/_1";return this.s_oc?this.s_oc(e):true' href="/support/">技术支持</a></li>
    </ul>
    <!--googleon: all-->
    <div id="globalsearch" align="center">
    <form class="search" id="g-search" action="http://www.apple.com.cn/search/index.php" method="get">
     
     
     
     <div class="search-wrapper blurred empty"><span class="left"></span><input autocomplete="off" class="g-prettysearch applesearch" id="sp-searchtext" accesskey="s" name="q" type="search"><span class="right"></span><div class="reset"></div></div>
                  <script language="JavaScript" type="text/javascript">

    function detect() { // simplify things
    var agent  = navigator.userAgent.toLowerCase();

    // detect platform
    this.isMac = (agent.indexOf('mac') != -1);
    this.isWin = (agent.indexOf('win') != -1);
    this.isWin2k = (this.isWin && (
    agent.indexOf('nt 5') != -1));
    this.isWinSP2 = (this.isWin && (
    agent.indexOf('xp') != -1 || 
    agent.indexOf('sv1') != -1));
    this.isOther = (
    agent.indexOf('unix') != -1 || 
    agent.indexOf('sunos') != -1 || 
    agent.indexOf('bsd') != -1 ||
    agent.indexOf('x11') != -1 || 
    agent.indexOf('linux') != -1);

    // detect browser
    this.isSafari = (agent.indexOf('safari') != -1);
    this.isSafari2 = (this.isSafari && (parseFloat(agent.substring(agent.indexOf("applewebkit/")+"applewebkit/".length,agent.length).substring(0,agent.substring(agent.indexOf("applewebkit/")+"applewebkit/".length,agent.length).indexOf(' '))) >=  300));
    this.isOpera = (agent.indexOf('opera') != -1);
    this.isNN = (agent.indexOf('netscape') != -1);
    this.isIE = (agent.indexOf('msie') != -1);
    }
    var browser = new detect();
    var str = (browser.isIE) ? "搜索" : "搜索 Apple.com.cn";
    var q=document.getElementById('q');
    if (!browser.isSafari2) {q.value=str;q.onfocus=function(){q.value="";q.style.color="#000";};}

    </script>
            </form> <div id="sp-results"><div class="inside"></div></div>
    <img style="display: none;" id="sp-search-spinner" alt="*" src="http://images.apple.com/global/nav/images/spinner.gif" width="11" border="0" height="11"></div>
    </div>
    <div style="display: none;">
    <!-- SiteCatalyst code version: H.8. Copyright 1997-2006 Omniture, Inc. -->
    <script language="JavaScript"><!--
    /* RSID: */
    var s_account="applehkglobal"
    //--></script>
    <script language="JavaScript" type="text/javascript" src="http://images.apple.com/global/metrics/js/cid_check.js"></script>
    <script language="JavaScript" type="text/javascript" src="http://images.apple.com/global/metrics/js/s_code_h.js"></script> <script language="JavaScript"><!--
    s.pageName=document.title+" (HK)";
    s.server=""
    s.channel="www.hk.homepage"
    s.pageType=""
    s.prop1=""
    s.prop2=""
    s.prop3=""
    s.prop4=document.location;
    s.prop5=""
    s.charSet="UTF-8" /* E-commerce Variables */
    s.campaign=""
    s.state=""
    s.zip=""
    s.events=""
    s.products=""
    s.purchaseID=""
    s.eVar1=""
    s.eVar2=""
    s.eVar3=""
    s.eVar4=""
    s.eVar5=""
    /************* DO NOT ALTER ANYTHING BELOW THIS LINE ! **************/
    var s_code=s.t();if(s_code)document.write(s_code)//--></script>
    <!-- End SiteCatalyst code version: H.8. hk/hk.ipodclassic.metrics.include"-->
    </div>
    <!-- Start of DoubleClick Spotlight Tag: Please do not remove-->
    <!-- Activity Name for this tag is:iPod classic - Gallery -->
    <!-- Web site URL where tag should be placed: http://www.apple.com.cn/ipodclassic/gallery/ -->
    <script language="JavaScript" type="text/javascript">
    var axel = Math.random()+"";
    var a = axel * 10000000000000;
    document.write('<img src="http://ad.cn.doubleclick.net/activity;src=1814641;type=ipodc148;cat=ipodc151;ord='+ a + '?" width="1" height="1" border="0" alt="">');
    </script><img src="http://ad.cn.doubleclick.net/activity;src=1814641;type=ipodc148;cat=ipodc151;ord=2505809555360.222?" alt="" width="1" border="0" height="1">
    <noscript>
    <img src="http://ad.cn.doubleclick.net/activity;src=1814641;type=ipodc148;cat=ipodc151;ord=0123456789?" width="1" height="1" border="0" alt="">
    </noscript> <!-- End of DoubleClick Spotlight Tag: Please do not remove-->
    <div id="productheader">
    <h2><a onclick='s_objectID="http://www.apple.com.cn/ipodclassic/_1";return this.s_oc?this.s_oc(e):true' href="/ipodclassic/">iPod classic</a></h2>
    <a onclick='s_objectID="http://www.apple.com.cn/store/_2";return this.s_oc?this.s_oc(e):true' class="buynow" href="/store/">立刻订购 iPod classic</a>
        <ul class="productnav">
    <li id="pn-features"><a onclick='s_objectID="http://www.apple.com.cn/ipodclassic/features.html_1";return this.s_oc?this.s_oc(e):true' href="/ipodclassic/features.html">功能特性</a></li>
    <li id="pn-itunes"><a onclick='s_objectID="http://www.apple.com.cn/ipodclassic/itunes.html_1";return this.s_oc?this.s_oc(e):true' href="/ipodclassic/itunes.html">iPod + iTunes</a></li> <li id="pn-gallery"><a onclick='s_objectID="http://www.apple.com.cn/ipodclassic/gallery/_1";return this.s_oc?this.s_oc(e):true' href="/ipodclassic/gallery/">图库</a></li>
    <li id="pn-specs"><a onclick='s_objectID="http://www.apple.com.cn/ipodclassic/specs.html_1";return this.s_oc?this.s_oc(e):true' href="/ipodclassic/specs.html">技术规格</a></li>
    </ul>
    </div>
      

  6.   

    <div id="container">
    <div id="main">
    <div id="content">
    <h2>图库</h2> <div class="swapView" id="gallery_content"><div class="" style="" id="MASKED-cs-silver">
    <div class="swap-view swapView" id="image-region"><div style="" class="swapped-content" id="MASKED-image2">
    <img alt="iPod classic" src="http://images.apple.com/sg/ipodclassic/gallery/images/ipodclassic_silver_image2_20080909.jpg" width="704" height="496">
    </div></div>
    <div id="main_gallery_images">
    <div id="divider-lines">
    <ul id="image_switcher">
    <li class="image_browser_img1"><a name="image_browser_img1" href="#image1" id="thumb1" class="galleryThumbSilver"><img alt="iPod touch thumb" src="http://images.apple.com/sg/ipodclassic/gallery/images/ipodclassic_image1_thumb20080909.jpg" width="102" height="76"></a></li>
    <li class="image_browser_img2"><a name="image_browser_img2" href="#image2" id="thumb2" class="galleryThumbSilver active"><img alt="iPod touch thumb" src="http://images.apple.com/sg/ipodclassic/gallery/images/ipodclassic_silver_image2_thumb20080909.jpg" width="102" height="76"></a></li> <li class="image_browser_img3"><a name="image_browser_img3" href="#image3" id="thumb3" class="galleryThumbSilver"><img alt="iPod touch thumb" src="http://images.apple.com/sg/ipodclassic/gallery/images/ipodclassic_silver_image3_thumb20080909.jpg" width="102" height="76"></a></li>
    <li class="image_browser_img4"><a name="image_browser_img4" href="#image4" id="thumb4" class="galleryThumbSilver"><img alt="iPod touch thumb" src="http://images.apple.com/sg/ipodclassic/gallery/images/ipodclassic_silver_image4_thumb20080909.jpg" width="102" height="76"></a></li>
    <li class="image_browser_img5"><a name="image_browser_img5" href="#image5" id="thumb5" class="galleryThumbSilver"><img alt="iPod touch thumb" src="http://images.apple.com/sg/ipodclassic/gallery/images/ipodclassic_silver_image5_thumb20080909.jpg" width="102" height="76"></a></li>
    <li class="image_browser_img6"><a name="image_browser_img6" href="#image6" id="thumb6" class="galleryThumbSilver"><img alt="iPod touch thumb" src="http://images.apple.com/sg/ipodclassic/gallery/images/ipodclassic_image6_thumb20080909.jpg" width="102" height="76">360º</a></li>
    </ul>
    </div>
    </div>
    <div id="image-sections">

    <div class="swapped-content" id="image3">
    <img alt="iPod classic" src="http://images.apple.com/sg/ipodclassic/gallery/images/ipodclassic_silver_image3_20080909.jpg" width="704" height="496">
    </div>
    <div class="swapped-content" id="image4">
    <img alt="iPod classic" src="http://images.apple.com/sg/ipodclassic/gallery/images/ipodclassic_silver_image4_20080909.jpg" width="704" height="496">
    </div>
    <div class="swapped-content" id="image5">
    <img alt="iPod classic" src="http://images.apple.com/sg/ipodclassic/gallery/images/ipodclassic_silver_image5_20080909.jpg" width="704" height="496">
    </div> <div class="swapped-content" id="image6">
    <div id="vr_gallery">
    <div class="moviePanel"><a href="http://www.apple.com/quicktime/download/" class="quicktime-download">Get the Latest QuickTime.</a></div><div class="controllerPanel"><div class="ACQuicktimeController"><div class="control play">Play</div><div class="sliderPanel"><div class="track"><div class="loadedProgress"></div><div class="trackProgress"></div><div class="playHead"></div></div></div></div></div>
    </div>
    </div>
    </div>
    </div></div>
    <ul id="colorselect" class="colorpicker"> <li id="cs-title">选择一种色彩：</li>
    <li class="cs-silver active"><a onclick='s_objectID="http://www.apple.com.cn/ipodclassic/gallery/#cs-silver_1";return this.s_oc?this.s_oc(e):true' class="content-link active" href="#cs-silver">经典银</a></li>
    <li class="cs-black"><a onclick='s_objectID="http://www.apple.com.cn/ipodclassic/gallery/colors/black#cs-black_1";return this.s_oc?this.s_oc(e):true' class="content-link" href="#cs-black">新酷黑</a></li>
    </ul>
    <p class="sosumi">可通过 iTunes 取得。标题可用性随时变更，恕不另行通知。</p> </div><!--/content-->
    </div><!--/main--> </div><!--/container-->
    <div id="promofooter">
    <ul id="promos">
    <li class="promo left">
    <h4><a onclick='s_objectID="http://www.apple.com.cn/ipod/whichipod/_1";return this.s_oc?this.s_oc(e):true' href="/ipod/whichipod/"><img src="/promos/2008/ipod_whichipod/header20080909.png" alt="Which iPod are you?" width="214" height="17"></a></h4>
    <a onclick='s_objectID="http://www.apple.com.cn/ipod/whichipod/_2";return this.s_oc?this.s_oc(e):true' class="image" href="/ipod/whichipod/"><img src="/promos/2008/ipod_whichipod/image20080909.png" alt="" width="244" height="180"></a>
    </li> <li class="promo">
    <h4><a onclick='s_objectID="http://www.apple.com.cn/ipod/ipodyourlife/_1";return this.s_oc?this.s_oc(e):true' href="/ipod/ipodyourlife/"><img src="/promos/2008/ipod_yourlife/header20080909.png" alt="iPod Your life." width="214" height="17"></a></h4> <p><a onclick='s_objectID="http://www.apple.com.cn/ipod/ipodyourlife/_2";return this.s_oc?this.s_oc(e):true' href="/ipod/ipodyourlife/">家庭。工作。以及其间的任何地方。</a></p>
    <a onclick='s_objectID="http://www.apple.com.cn/ipod/ipodyourlife/_3";return this.s_oc?this.s_oc(e):true' class="image" href="/ipod/ipodyourlife/"><img src="/promos/2008/ipod_yourlife/image20080909.png" alt="" width="244" height="180"></a>
    </li> <li class="promo">
    <h4><a onclick='s_objectID="http://www.apple.com.cn/itunes/whatsnew/_1";return this.s_oc?this.s_oc(e):true' href="/itunes/whatsnew/"><img src="/promos/2008/itunes_whatsnew/header20080909.png" alt="What’s new in iTunes 8." width="214" height="17"></a></h4>
    <p><a onclick='s_objectID="http://www.apple.com.cn/itunes/whatsnew/_2";return this.s_oc?this.s_oc(e):true' href="/itunes/whatsnew/">音乐精灵以及更多。</a></p>
    <a onclick='s_objectID="http://www.apple.com.cn/itunes/whatsnew/_3";return this.s_oc?this.s_oc(e):true' class="image" href="/itunes/whatsnew/"><img src="/promos/2008/itunes_whatsnew/image20080909.png" alt="" width="244" height="180"></a>
    </li> <li class="buy">
    <h4><a onclick='s_objectID="http://www.apple.com.cn/store/_3";return this.s_oc?this.s_oc(e):true' href="/store/"><img src="/ipodclassic/images/promo_buy_header20080909.png" alt="Buy iPod classic." width="214" height="17"></a></h4>
    <p class="button"><a onclick='s_objectID="http://www.apple.com.cn/store/_4";return this.s_oc?this.s_oc(e):true' href="/store/"><img src="/global/elements/buttons/buynow.png" alt="Buy iPod classic now." class="button" width="72" height="25"></a></p>
    <a onclick='s_objectID="http://www.apple.com.cn/store/_5";return this.s_oc?this.s_oc(e):true' href="/store/"><img src="/ipodclassic/images/promo_buy_box20080909.png" alt="iPod classic box." class="product" width="78" height="110"></a>
    <ul>
    <li class="shop">拨打 400-692-7753</li>
    <li>访问 <a onclick='s_objectID="http://www.apple.com.cn/retail/_1";return this.s_oc?this.s_oc(e):true' href="/retail/">Apple Store 零售店</a></li> <li>查找<a onclick='s_objectID="http://www.apple.com.cn/buy/reseller/_1";return this.s_oc?this.s_oc(e):true' href="/buy/reseller/">本地授权经销商</a></li>
    </ul>
    </li>
    </ul>
    </div>
    <div id="globalfooter" class="gf-980">
    <ol id="breadcrumbs">
    <li class="home"><a onclick='s_objectID="http://www.apple.com.cn/_2";return this.s_oc?this.s_oc(e):true' href="/">首页</a></li> <li><a onclick='s_objectID="http://www.apple.com.cn/itunes/_2";return this.s_oc?this.s_oc(e):true' href="/itunes/">iPod + iTunes</a></li>
    <li><a onclick='s_objectID="http://www.apple.com.cn/ipodclassic/_2";return this.s_oc?this.s_oc(e):true' href="/ipodclassic/">iPod classic</a></li>
    <li>图库</li>
    </ol><!--/breadcrumbs-->

    <div id="directorynav" class="ipoditunes">
    <div id="dn-cola" class="column first">
    <h3>iPod 和 Apple TV</h3>
      

  7.   


    <ul>
    <li><a onclick='s_objectID="http://www.apple.com.cn/ipodtouch_1";return this.s_oc?this.s_oc(e):true' href="/ipodtouch">iPod touch</a></li>
    <li><a onclick='s_objectID="http://www.apple.com.cn/ipodclassic_1";return this.s_oc?this.s_oc(e):true' href="/ipodclassic">iPod classic</a></li>
    <li><a onclick='s_objectID="http://www.apple.com.cn/ipodnano/_1";return this.s_oc?this.s_oc(e):true' href="/ipodnano/">iPod nano</a></li>
    <li><a onclick='s_objectID="http://www.apple.com.cn/ipodshuffle/_1";return this.s_oc?this.s_oc(e):true' href="/ipodshuffle/">iPod shuffle</a></li>
    <li><a onclick='s_objectID="http://www.apple.com.cn/appletv/_1";return this.s_oc?this.s_oc(e):true' href="/appletv/">Apple TV</a></li> </ul>
    </div><!--/dn-cola-->
    <div id="dn-colb" class="column">
    <h3>iTunes</h3>
    <ul>
    <li><a onclick='s_objectID="http://www.apple.com.cn/itunes/download/_1";return this.s_oc?this.s_oc(e):true' href="/itunes/download/">下载 iTunes 8</a></li>
    <li><a onclick='s_objectID="http://www.apple.com.cn/itunes/overview/_1";return this.s_oc?this.s_oc(e):true' href="/itunes/overview/">iTunes 概览</a></li> <li><a onclick='s_objectID="http://www.apple.com.cn/itunes/jukebox/_1";return this.s_oc?this.s_oc(e):true' href="/itunes/jukebox/">iTunes 音乐播放器</a></li>
    <li><a onclick='s_objectID="http://www.apple.com.cn/itunes/sync/_1";return this.s_oc?this.s_oc(e):true' href="/itunes/sync/">与 iTunes 同步</a></li>
          <li>
            <a onclick='s_objectID="http://www.apple.com.cn/itunes/hottips/_1";return this.s_oc?this.s_oc(e):true' href="/itunes/hottips/">iTunes 小贴士</a>
          </li>
    </ul>
    </div><!--/dn-colb--> <div id="dn-cold" class="column">
    <h3>更多 iPod + iTunes 信息</h3>
    <ul>
    <li><a onclick='s_objectID="http://www.apple.com.cn/ipod/whichipod/_3";return this.s_oc?this.s_oc(e):true' href="/ipod/whichipod/">哪一款 iPod 适合你？</a></li>
    <li><a onclick='s_objectID="http://www.apple.com.cn/ipod/accessories/_1";return this.s_oc?this.s_oc(e):true' href="/ipod/accessories/">iPod 配件</a></li>
    <li><a onclick='s_objectID="http://www.apple.com.cn/ipod/nike/_1";return this.s_oc?this.s_oc(e):true' href="/ipod/nike/">Nike + iPod</a></li>
    <li><a onclick='s_objectID="http://www.apple.com.cn/ipod/carintegration.html_1";return this.s_oc?this.s_oc(e):true' href="/ipod/carintegration.html">iPod 与车同行</a></li> <!--li><a href="/ipod/ipodtours/">iPod 导游</a></li>
    <li><a href="/itunes/ads/">TV 广告</a></li-->
    <li><a onclick='s_objectID="http://www.apple.com/education/products/ipod/_1";return this.s_oc?this.s_oc(e):true' href="http://www.apple.com/education/products/ipod/" target="_blank">iPod 在教育行业的应用</a></li>

    </ul>
    </div><!--/dn-cold-->
    <div id="dn-cole" class="column" style="margin-left: 20px;">
    <h3>使用 iTunes</h3>
    <ul>
          <li>        <a onclick='s_objectID="http://www.apple.com.cn/support/ipod/family/_1";return this.s_oc?this.s_oc(e):true' href="/support/ipod/family/">iPod + iTunes 支持</a>
          </li>
    </ul>
    </div><!--/dn-cole-->
    <div class="capbottom"></div>
    </div><!--/directorynav-->

    <p class="gf-buy">
      请拨打订购热线：400-692-7753，访问<a onclick='s_objectID="http://www.apple.com.cn/store/_6";return this.s_oc?this.s_oc(e):true' href="/store/">苹果产品目录</a>，前往 <a onclick='s_objectID="http://www.apple.com.cn/retail/_2";return this.s_oc?this.s_oc(e):true' href="/retail/">Apple Store 零售店</a>，或查找各大<a onclick='s_objectID="http://www.apple.com.cn/buy/reseller/_2";return this.s_oc?this.s_oc(e):true' href="/buy/reseller/">苹果经销商</a> (800-810-2399)。</p>
    <p class="gf-links"><a onclick='s_objectID="http://www.apple.com.cn/sitemap/_1";return this.s_oc?this.s_oc(e):true' href="/sitemap/">网站地图</a> | <a onclick='s_objectID="http://www.apple.com.cn/hotnews/_1";return this.s_oc?this.s_oc(e):true' href="/hotnews/">热点新闻</a> | <a onclick='s_objectID="http://www.apple.com.cn/contact/_1";return this.s_oc?this.s_oc(e):true' href="/contact/">联系我们</a></p>
    <p class="gf-sosumi">Copyright © 2008 苹果公司，保留所有权利。<a onclick='s_objectID="http://www.apple.com/legal/_1";return this.s_oc?this.s_oc(e):true' href="http://www.apple.com/legal/" target="_blank">使用条款</a> | <a onclick='s_objectID="http://www.apple.com.cn/legal/privacy/_1";return this.s_oc?this.s_oc(e):true' href="/legal/privacy/">客户私隐政策</a></p>
    <div class="display:none;"><script type="text/javascript" src="http://wm2.1to1crm.com.cn/data/svr10/Datadept/website/wmx_tracking.js"></script></div> </div><!--/globalfooter-->
    <a></a><a></a><a></a><a></a><a></a></body></html>
      

  8.   

    可以做一个表格，在表格中放好图片。把每个单元格都设为 display:none
    在下面的图片上加入 onclick 事件，让对应的单元格的 dispaly=""，其他的依然设为 none
      

  9.   

    为了赚分...那就直接给你个代码:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    <style type="text/css">
    BODY {
    font-size: 12px;
    margin: 0px;
    }
    SPAN {
    cursor: pointer;
    font-size: 12px;
    color: blue;
    }
    </style>
    <script language="javascript">
    var imgPath = new Array;
    imgPath[0] = 'http://images.apple.com/sg/ipodclassic/gallery/images/ipodclassic_black_image2_thumb20080909.jpg';
    imgPath[1] = 'http://images.apple.com/sg/ipodclassic/gallery/images/ipodclassic_silver_image2_thumb20080909.jpg';function run(idx) {
    var img = document.getElementById('img');
    img.src = imgPath[idx];
    }
    </script>
    </HEAD>
    <BODY>
    <span id="span_black" onclick="run(0);">黑色</span>&nbsp;&nbsp;<span id="span_black" onclick="run(1);">银色</span>
    <img id="img" name="img" src="http://images.apple.com/sg/ipodclassic/gallery/images/ipodclassic_black_image2_thumb20080909.jpg" height="76" width="102" border="0" />
    </BODY>
    </HTML>
      

  10.   

    <style>
    #red{ width:24px; height:24px; background:#FF0000;float:left;}
    #blue{ width:24px; height:24px; background: #0000FF; float:left;}
    .img{ width:100%; height:100px; }
    </style>
    <script type="text/javascript">
    function aa(geturl){
    document.getElementById("bin").src=geturl;
    }
    </script><div id="red" onclick='aa("http://www.baidu.com/img/baidu_logo.gif")'></div>
    <div id="blue" onclick='aa("http://www.google.cn/intl/zh-CN/images/logo_cn.gif")'></div>
    <div class="img">
    <img id="bin" src="http://img.gougou.com/image/rank/logo2.png">
    </div>