+ -
当前位置:首页 → 问答吧 → 请帮忙看一下这个功能是怎么实现的?请指教

请帮忙看一下这个功能是怎么实现的?请指教

时间:2009-04-14

来源:互联网

请帮忙看一下这个功能是怎么实现的?请指教


http://www.eootoo.com/Hotel/HotelInfo703.html



就是这个页面,中间的图片,鼠标滑过小图,左侧出现大图!



如果有会的朋友,麻烦提供一下源代码!谢谢拉!

作者: saintwxm   发布时间: 2009-04-14

我也是刚学JQUERY第三天,写的不好,抛砖引玉。
核心代码:
复制代码
  1. <script type="text/javascript">
  2.     $(function(){
  3.             $(".one td").each(function(i){
  4.                 $(this).append("<input type='image' src='"+(i+1)+"x.jpg'  width='80' height='70'/>").children("input").mouseover(function(){
  5.                     $(".two td").html("<input type='image' src='"+$(this).attr("src")+"'  width='240' height='210'/>");    
  6.                     return false;
  7.                     });
  8.             });
  9.     });
  10. </script>

效果图和代码:
图片:
楼上的,请你说明一下联系方式,我有很多不明白的地方需要请教你 !O(∩_∩)O谢谢

作者: dingjun1114   发布时间: 2009-04-14

单独请教是很糟糕的行为,既阻止了其他同学对你的帮助,又不便于其他朋友从你的问题中得到学习,同时也会给被请教的同学造成困扰,所以,请楼上慎

作者: saintwxm   发布时间: 2009-04-18

相关阅读 更多