オンマウスで画像をスライドさせます。
マウスを離すと元の位置に戻ります。
Horizontal Accordion のページから、JavaScript、CSS等をダウンロードできます。

サンプル

サンプルソース

JavaScript + CSS

<link rel="stylesheet" type="text/css" href="http://www.strollnet.com/js/css/slidemenu.css" />
<script type="text/javascript" src="http://www.strollnet.com/js/slidemenu.js"></script>

<script type="text/javascript">
<!--
	window.onload=function(){
		slideMenu.build('sm',300,10,10,6);
	}
//-->
</script>

HTML

<ul id="sm" class="sm">
	<li><img src="http://www.strollnet.com/js/img/slide1.jpg" alt="" /></li>
	<li><img src="http://www.strollnet.com/js/img/slide2.jpg" alt="" /></li>
	<li><img src="http://www.strollnet.com/js/img/slide3.jpg" alt="" /></li>
	<li><img src="http://www.strollnet.com/js/img/slide4.jpg" alt="" /></li>
	<li><img src="http://www.strollnet.com/js/img/slide5.jpg" alt="" /></li>
	<li><img src="http://www.strollnet.com/js/img/slide6.jpg" alt="" /></li>
</ul>