<div  id="loadarea"></div><a href="/image/1.jpg" rel="enlargeimage::mouseover" rev="loadarea::category/link1.html">
<a href="/image/2.jpg" rel="enlargeimage::mouseover" rev="loadarea::category/link2.html">
<a href="/image/3.jpg" rel="enlargeimage::mouseover" rev="loadarea::category/link3.html">
<a href="/image/4.jpg" rel="enlargeimage::mouseover" rev="loadarea::category/link4.html">谁能解释一下。。现象是鼠标在4个a标签上移动,<div  id="loadarea"></div>实现图片切换,,分别显示出/image/1.jpg  /image/2.jpg  /image/3.jpg  /image/4.jpg请教原理

解决方案 »

  1.   

    谁来搞懂这个,这个写法我在国外的cms里看见的,,我截取了出来,,不知道算不算完整,,搞懂这个的话,,绝对是高水准的表现
      

  2.   

    这个是有配套的JS控制的,W3C标准里我没有见到过这个API
      

  3.   

    搜了一下 你这段代码应该用了一个叫Image Thumbnail Viewer的js控件。演示地址:http://mcgarityphotography.com/weddings.html看了一下他的代码,其实就是用了onmouseover。只是用rel这个来区别a标签。你想知道原理的话 可以研究一下他的thumbnailviewer2.js文件。
      

  4.   

    非w3c标准,其实你自己用onmouseover一样的嘛。。
      

  5.   

    我看是 jquery写的。。求网址,大家帮你提取
      

  6.   

    rel、rev应该是特殊定义的,是为了绑定事件集合与每个图片对应的连接地址。