jQuery百度经验信息浏览翻页效果代码

使用方法

引入css

<link rel="stylesheet" type="text/css" href="css/rent.css" />

引入js

<script src="http://www.sucainiu.com/themes/cdn/jquery/jquery-1.10.2.js"></script>
<script src="script/rent.js"></script>

html内容

<!-- 这里是内容 -->
<div id="content" showId="0">
    <strong class="sl">&lt;</strong>
    <strong class="sr">&gt;</strong>
    <span class="left"></span>
    <span class="right"></span>
	<ul>
    <li class="cont_1">   	<!-- 每一个li代表一个页面 --> 	
    <!-- 这里是内容左边 -->	
        <div class="cont_left"> 
           <div class="user_pig"><div class="user_name">公租房申请要求：</div></div>      
        </div>
    <!-- 这里是内容右边 -->	        
        <div class="cont_right">
        	<div class="cont_word">
				<p>1.城市户籍家庭(含夫妻双方及未成年子女，下同)是指家庭成员中至少有1人取得本市常住非农业户口5年以上，且在本市市区范围内无自有住房或家庭人均住房面积低于15平方米的家庭。</p>
						
            	<span class="left_quote"></span>
	            <span class="right_quote"></span>
            </div>            
        </div>
    </li>
    ....
    </ul>
</div>