利用jquery实现文字滑动切换信息浏览功能代码



29 113 38



特效描述:利用jquery实现 文字滑动切换 信息浏览功能,利用jquery实现文字滑动切换信息浏览功能代码

代码结构

1. 引入CSS

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

2. 引入JS

<script src="script/jquery-2.0.3.js"></script>
<script src="script/rent.js"></script>

3. HTML代码

<!-- 这里是头 -->
<div id="header" style="min-width:1000px;">
	<div class="top_left">
    	<a href="javascript:void(0)" onClick="history.back()" class="back"></a>
    </div>
    <div class="top_title">
    	<p>公租房申请须知</p>
    </div>
	<div class="top_right">
    	<ul>
            <li>
	            <a href="javascript:;" class="vote">
                	<b class="num">15</b>
                    <b class="hover-tip">投票</b>
                    <b class="tip">已投票</b>
                </a>
            </li>
            <li>
	            <a href="javascript:;" class="favor">
                	<b class="num">64</b>
                    <b class="hover-tip">收藏</b>
                    <b class="tip">已收藏</b>
                </a>
            </li>
        </ul>
    </div>
</div>
<div class="clear_float"></div>
<!-- 这里是内容 -->
<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>
    <li class="cont_2">
    	<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、《长沙市公共租赁住房申请表》;</p>
                <p>2、身份证、户口簿或居住证复印件;</p>
                <p>3、婚姻证明复印件,以及户口或工作单位所在地民政部门出具的中等偏下收入证明;</p>
                <p>4、市住房行政管理部门出具的住房状况证明;</p>
                <p>5、其他需要提供的材料。</p>
            	<span class="left_quote"></span>
	            <span class="right_quote"></span>
            </div>            
        </div>
    </li>
    <li class="cont_3">
    	<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、《长沙市公共租赁住房申请表》;</p>
                <p>2、身份证、户口簿或居住证复印件;</p>
                <p>3、婚姻证明复印件,以及户口或工作单位所在地民政部门出具的中等偏下收入证明;</p>
                <p>4、市住房行政管理部门出具的住房状况证明;</p>
                <p>5、其他需要提供的材料。</p>
            	<span class="left_quote"></span>
	            <span class="right_quote"></span>
            </div>            
        </div>
    </li>
    </ul>
</div>
<!-- 分页尾 -->
<div id="footer">
	<ul>
    	<li step="0"><a class="active" href="#">首</a></li>
        <li step="last"><a href="#">尾</a></li>
    </ul>
</div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 滑动 滑块 滑动门 触屏滑动 滑动插件 滑块插件 滚动切换 滚动条切换 滑动选项卡 滑动切换 选项卡切换 选项卡 切换 tab切换 页面切换 选项卡插件 切换插件 滑动手风琴 切换按钮 表单 表单美化 表单插件 表单美化插件 文字滑动 文字滑块 文字切换 文字选项卡 按钮控制

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到