日期:2014-05-16  浏览次数:20374 次

求段Jquery手动向左向右滑动现实的代码


实现如上图功能,最好不用第三方插件,有的请指导,谢谢!

------解决方案--------------------
<!DOCTYPE>
<html>
<head>
        <title></title>
    <script type="text/javascript" src="http://www.w3school.com.cn/jquery/jquery.js"></script>
    <style>
        label{
            width: 50px;
            height: 25px;
            float: left;
        }
    </style>
    </head>
    <body>
        <span style="float: left" onclick="if(i>0)i--;jump()"><<</span>
        <div id="content" style="float: left;overflow: hidden;width: 400px;height: 25px">
            <div id="checks" style="width: 550px;margin-left: 0px">
                <label><input type="checkbox" />1</label>
                <label><input type="checkbox" />2</label>
                <label><input type="checkbox" />3</label>
                <label><input type="checkbox" />4</label>
                <label><input type="checkbox" />5</label>
                <label><input type="checkbox" />6</label>
                <label><input type="checkbox" />7</label>
                <label><input type="checkbox" />8</label>
                <label><input type="checkbox"