JS实现的另类手风琴效果网页内容切换代码

本文实例讲述了JS实现的另类手风琴效果网页内容切换代码。分享给大家供大家参考。具体如下：

这是一款以海贼王为题材的另类手风琴效果，用到三张背景图片，请顺着代码自已下载吧，多看看类似特效的编写思路，对于提高你的Js编程水平有不少帮助的。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-sfq-web-cha-style-codes/

具体代码如下：

 

  
  
  
 
 

  
乌索普
  
草帽海贼团【狙击手】
  
悬赏：3000万（司法岛事件）
 
 
 

  
  
  
 
 

  
罗罗诺亚・索隆
  
草帽海贼团【剑士】
  
悬赏：6千万（阿拉巴斯坦事件）→1亿2000万（司法岛事件）
 
 
 

  
  
  
 
 

  
蒙其・D・路飞
  
草帽海贼团【船长】
  
恶魔果实：橡胶果实
悬赏：3千万（可可亚西村事件）→1亿（阿拉巴斯坦事件）→3亿（司法岛事件)→4亿（顶上战争后）
 
 
 

  
  
  
 
 

  
娜美
  
草帽海贼团【航海士】
  
悬赏：1600万（司法岛事件）
 
 
 

  
  
  
 
 

  
香吉士
  
草帽海贼团【厨师】
  
悬赏：7700万（司法岛事件）
 
 

希望本文所述对大家的JavaScript程序设计有所帮助。