Implementing image carousel effect (focus image) based on JQuery_jquery

Complete demo code:

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>JQuery implements image carousel effect </title> <style type="text/css"><!-- #banner {position:relative; width:478px; height:286px; border:1px solid #666; overflow:hidden; font-size:16px} #banner_list img {border:0px;} #banner_bg {position:absolute; bottom:0;background-color:#000;height:30px;filter: Alpha(Opacity=30);opacity:0.3;z-index:1000;cursor:pointer; width:478px; } #banner_info{position:absolute; bottom:4px; left:5px;height:22px;color:#fff;z-index:1001;cursor:pointer} #banner_text {position:absolute;width:120px;z-index:1002; right:3px; bottom:3px;} #banner ul {position:absolute;list-style-type:none;filter: Alpha(Opacity=80);opacity:0.8; z-index:1002; margin:0; padding:0; bottom:3px; right:5px; height:20px} #banner ul li { padding:0 8px; line-height:18px;float:left;display:block;color:#FFF;border:#e5eaff 1px solid;background-color:#6f4f67;cursor:pointer; margin:0; font-size:16px;} #banner_list a{position:absolute;} <! 璁╁</style>