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

所属分类:媒体-幻灯片和轮播图

 14761  190  查看评论 (0)
分享到微信朋友圈
X
jquery百度经验信息浏览翻页效果代码 ie兼容8

更新时间:2019-10-16 10:25:16

使用方法

引入css

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

引入js

<script src="https://www.jq22.com/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>


相关插件-幻灯片和轮播图

简洁优雅,与众不同的轮播图插件

代码简洁优雅,与其他插件不同,包括各样式轮播图
  幻灯片和轮播图
 31988  402

针对移动设备的手动切换插件

该插件可以将浏览器中的元素集合像卡片一样通过手势切换,在电脑和移动设备上均可使用。
  幻灯片和轮播图
 32359  349

lightslider支持移动触摸的轻量级jQuery幻灯片插件

lightslider是一款轻量级的响应式jQuery幻灯片插件。lightslider幻灯片插件能够支持移动触摸设备,它可以制作为带缩略图的内容幻灯片,或者制作为无限循环的旋转木马。
  幻灯片和轮播图
 30590  355

jQuery带缩略图的轮播图插件PgwSlideshow

PgwSlideshow是一款基于jQuery的图片轮播插件,这是一款简单带缩略图的jquery插件。该轮播图插件默认底部带有缩略图效果,支持ie8浏览器,并带平滑过渡效果。
  幻灯片和轮播图
 36451  324

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复