三种常用的网页滑动门效果源代码(无AJAX)

 

三种常用的网页滑动门效果源代码，使用CSS+JS，无需ajax及jquery等。

第一种方式最简单，由js控制css显示样式。

第二种方式采用js事件和css遮罩，实现起来稍麻烦些，但可实现鼠标悬停切换功能。

第三种方式通过改变遮罩层的左右位置来实现，不建议使用，因为可能会造成某些浏览器的界面溢出现象。

 

• 新闻
• 评论
• 技术
• 点评

• 新闻列表

• 评论列表

• 技术列表

• 点评列表

• 新闻
• 评论
• 技术
• 点评

• 新闻列表

• 评论列表

• 技术列表

• 点评列表

• 新闻
• 评论
• 技术
• 点评

新闻内容

 

 

 

参考：【蓝色理想】http://www.blueidea.com/