jquery ui slider分页插件支持鼠标拖动显示分页代码



121 482 161



特效描述:分页插件 鼠标拖动 拖动显示分页,

代码结构

1. 引入JS

<script type="text/javascript" src='js/jquery.js'></script>
<script type="text/javascript" src='js/jquery-ui.js'></script>
<script type="text/javascript" src="js/index.js"></script>

2. HTML代码

<section class="pagination" role="navigation">
	<div id="pageSliderDescription">分页: “箭头”键之间的移动页面,去选择“输入”页面</div>
	<div class="pageSlider long"></div>
	<form class="pageForm" action="#">
		<label class="pageLabel" for="pageInput">你想去页码。(最大值30)</label>
		<a class="pagePrev pageSkip" href="#?page=6">上一页</a>
		<input id="pageInput" class="pageInput" type="text" maxlength="3" placeholder="#">
		<a class="pageNext pageSkip" href="#?page=8">下一页</a>
		<button class="pageButton" title="去选择页面的结果">Go</button>
	</form>
</section>
<p>
</p>
<p>&nbsp;</p>



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


热门标签: 拖动 拖拽 拖动插件 拖拽插件 滑动星星打分 其他 图片拖动 图片拖拽 跳转 分页 翻页 分页插件

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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