JavaScript/jQuery实现切换页面效果 JavaScript

本文实例为大家分享了JavaScript/jQuery实现切换页面效果的具体代码，供大家参考，具体内容如下

切换页面* {margin: 0; padding: 0; }li {list-style-type: none; }.tab {width: 978px; margin: 100px auto; }.tab_list {height: 39px; border: 1px solid #ccc; background-color: #f1f1f1; }.tab_list li {float: left; height: 39px; line-height: 39px; padding: 0 20px; text-align: center; cursor: pointer; }.tab_list .current {background-color: #c81623; color: #fff; }.item_info {padding: 20px 0 0 20px; }.item {display: none; }
标题1
标题2
标题3
标题4
标题5
内容1内容2内容3内容4内容5

结果：