高手过来看下，求如下代码

这是个js焦点图效果，鼠标单击到文字层上，切换到相应的图片。鼠标不点，可以自己按时间间隔自动轮换。有收藏这样代码的就拿出来吧，呵呵只有30分了

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

你能找到这样的效果的网站，难道找不到他们的js文件？js文件或者代码是可以直接看到的。直接去他们网站扒下来然后改改就能用了。
http://www.163css.com/index.html
我在这个站看到过一模一样的，你自己找下吧
好吧我承认我无聊，给你个示例<!DOCTYPE html >
<html>
<head>
<meta content="Content-Type:text/html;charset:utf-8;">
<style type="text/css">
ul {padding-right: 0px;padding-left: 0px;padding-bottom: 0px;margin: 0px;padding-top: 0px}
#announcement {width:50%;overflow: hidden;}
#announcement div {border: #e6e6e6 1px solid;padding:0px 10px 0px 10px;overflow-y:hidden;line-height: 124px;height: 124px;}
#announcement li {font-size: 12px;float: left;list-style-type: none;margin-right: 20px;padding-left: 10px;background: url(img/arrow_right.gif) no-repeat 0px 50%;white-space: nowrap}
#announcement a {text-decoration: none;}
#announcement a:hover {text-decoration:underline;}
</style>
</head>
<body>
<div id=announcement onmouseover="if(!anncount) {clearTimeout(annst);annst = 0}" onmouseout="if(!annst) annst = setTimeout('announcementScroll()', anndelay);">
  <div id=announcementbody>
    <ul>
      <li><a href="#" target="_blank" onmouseover="mouseOver('b1')" onmouseout="mouseOut('b1')"><img alt="Visit W3School1!" src="http://www.w3school.com.cn/i/eg_mouse2.jpg" id="b1" /></a></li>
      <li><a href="#" target="_blank">块级元素和级联元素的含义</a>（2008-12-13 03:39 P.M.）</li>
      <li><a href="#" target="_blank">如何设置的width属性且不换行？</a>（2008-12-13 03:23 P.M.）</li>
      <li><a href="#" target="_blank" onmouseover="mouseOver('b2')" onmouseout="mouseOut('b2')"><img alt="Visit W3School2!" src="http://www.w3school.com.cn/i/eg_mouse2.jpg" id="b2" /></a></li>
      <li><a href="#" target="_blank" onmouseover="mouseOver('b3')" onmouseout="mouseOut('b3')"><img alt="Visit W3School3!" src="http://www.w3school.com.cn/i/eg_mouse2.jpg" id="b3" /></a></li>
    </ul>
  </div>
</div>
<script type="text/javascript">
function mouseOver(id)
{
document.getElementById(id).src ="http://www.w3school.com.cn/i/eg_mouse.jpg"
}
function mouseOut(id)
{
document.getElementById(id).src ="http://www.w3school.com.cn/i/eg_mouse2.jpg"
}
function $(id){
   return document.getElementById(id);
}
var anndelay = 1000;//时间，单位毫秒
var anncount = 0;
var annheight = 124;
var annst = 0;
function announcementScroll(){
   if( ! annst) {
      $('announcementbody').innerHTML += '<br style="clear: both" />' + $('announcementbody').innerHTML;
      $('announcementbody').scrollTop = 0;
      if($('announcementbody').scrollHeight > annheight * 3){
         annst = setTimeout('announcementScroll()', anndelay);
      }else{
         $('announcement').onmouseover = $('announcement').onmouseout = null;
      }
      return;
   }
   if(anncount == annheight){
      if($('announcementbody').scrollHeight - annheight <= $('announcementbody').scrollTop){
         $('announcementbody').scrollTop = $('announcementbody').scrollHeight / 2 - annheight;
      }
      anncount = 0;
      annst = setTimeout('announcementScroll()', anndelay);
   }else{
      $('announcementbody').scrollTop ++ ;
      anncount ++ ;
      annst = setTimeout('announcementScroll()', 10);
   }
}
announcementScroll();
</script>
</body>
</html>
这里有你要的代码：十个jQuery图片画廊插件推荐进网页看jQuery的画廊插件可以将分组图像和多媒体资料转成类似Flash的图像或照片。当幻灯片已经成为网站的重要组成部分，jQuery的重要性不能被忽视。下面为你介绍了10个最有美感，创新性和创造性的jQuery图片画廊插件：1.How to Create a Simple Slideshow using Mootools / JQuery
当我们想要在有限的屏幕空间展示很多内容，这要使用到幻灯片。幻灯片是最佳的可以展现大量的信息的方式。在这篇文章中我将展示使用 MooTools / Jquery做出简单的幻灯片的过程。
查看演示2.jbgallery 2.0
jbgallery，可实现超大图片全页展示功能，可自动播放，控制播放图片等，支持单图片、多图片、多图库、阴影、网站背景色以及对话模式等。 jbgallery有两个基本菜单，一个类似音乐播放按钮和一个直接链接单图片播放按钮，同时提供公共API接口去除播放控制组件，以便扩展任意自定义播放控制按钮，jbgallery插件功能强大，而且使用简单。查看演示3.Minimalistic Slideshow Gallery with jQuery
是一个简单而漂亮，以幻灯片方式播放照片的相册控件。其做法是将所有缩略图放在一个导航网格中，用户可以利用这个网格查看，暂停/播放，浏览照片。网格会从播放容器上方弹出，让用户浏览整个相册的缩略图集。查看演示
4. Galleria
Galleria是一个采用jQuery开发的图片展示插件。它通过缩略图导航一张一张的显示大的图片。支持通过CSS设置整个相册的风格。能够按比例创建缩略图并剪切成适合在缩略图容器中显示的小图片。能够触一些事件，因此可以在图片加载时执行一些动作。查看演示
5. Galleriffic
Galleriffic是一个用于创建快速展示相册中照片的jQuery插件。图片既可以以幻灯片的方式查看，也可以手动点击缩略图查看。 Galleriffic还支持分页，从而使得它能够展示更多的图片。查看演示
6. Pikachoos
Pikachoose是一个基于jquery的轻量级相册插件,它允许用户自定义幻灯片,按钮,自动播放.查看演示
7. Smooth Div Scroll
这是一个图片或内容水平滚动的jquery插件，滚动效果非常平滑、舒服在线演示
8.FancyBox
基于jQuery开发的Lightbox插件。支持对放大的图片添加阴影效果，对于一组相关的图片添加导航操作按纽，该Lightbox除了能够展示图片之外，还可以展示iframed内容，通过CSS自定义外观。查看演示
9.Sliding Image Gallery jQuery Plug-in
在SlidingGallery插件会的图像组，变成他们的图像周期性画廊，用户可以通过点击广告。一个图像将被集中在屏幕上，有两个较小的图像关闭的边缘。用户可以单击任一较小的图像，使之向中心或中心图像放大。为获得最佳的使用，这个插件应该适用于7个或更多图片，但可以用更少的工作（图片会被复制，从而使总数达到7个）。查看演示
10.slideViewerPro
slideViewerPro是一个完全可定制的jQuery Image Gallery插件。支持任意多的图片，可以设置是否自动展示图片，开关标题，开关拖拽，自定义向前-向后按纽，自定义幻灯播放动画。查看演示