jQuery带回调函数滑块按钮代码



49 194 65



特效描述:jQuery 回调函数 滑块选择代码,jQuery带回调函数滑块选择代码

代码结构

1. 引入JS

<script src="script/jquery.min.js"></script>
<script src="script/slide.js"></script>

2. HTML代码

<center>
<div class="tab-menu eightrow">
	<span id="bg"></span>
	<ul id="list">
		<li class="active" type="1">24h</li>
		<li type="2">48h</li>
		<li type="3">72h</li>
		<li type="4">96h</li>
		<li type="5">120h</li>
		<li type="6">144h</li>
		<li type="7">168h</li>
		<li type="8">192h</li>
		<li type="9">216h</li>
		<li type="10">240h</li>
		<li type="11">264h</li>
		<li type="12">288h</li>
		<li type="13">312h</li>
		<li type="14">336h</li>
	</ul>
</div>
<div class="tab-menu tworow">
    <span id="thirdbg"></span>
    <ul id="hourlist">
        <li class="active" type="1">24h</li>
        <li type="2">48h</li>
    </ul>
</div>
</center>
<script>
new Slideicon($("#list"),{
	index:0,
	cover:$("#bg"),
	callback:function (data) {
		console.log(data)
	}
});
new Slideicon($("#hourlist"),{
	index:0,
	cover:$("#thirdbg"),
	callback:function (data) {
		console.log(data)
	}
});
</script>



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


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

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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