非常不错的 子鼠 滑动图片效果 Javascript+CSS

第一步，设计一下我想要的效果！
我用FW把以前作的相册效果（//www.jb51.net/blogview.asp?logID=628）改了改，设计一张简单的效果图！

第二步，布局！

复制代码 代码如下:

• 


• 


• 


• 


• 

这时可以看一下效果：

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

[Ctrl+A 全选 注: 如需引入外部Js需刷新才能执行]

第三步，设计一下Javascript；

复制代码 代码如下:

这个时候再看一下效果！

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

[Ctrl+A 全选 注: 如需引入外部Js需刷新才能执行]

第四步，写CSS来完成计划时的样子！

复制代码 代码如下:

好了，全部完成，看一下最后的效果吧！

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

[Ctrl+A 全选 注: 如需引入外部Js需刷新才能执行]