最新赞助活动温馨提示:自愿赞助服务器费用,学生和没有工作的整站资源免费下载!
头像

jQuery支持鼠标滚动的时间轴

来源:http://www.erdangjiade.com/ 沐浴春风 2015-09-11 15:42浏览(1568)

本文演示了二当家的的发展历程,支持鼠标滚动,右侧箭头加载上一个和下一个,history.js是一个很不错的时间轴插件。

0、请不要问“在不在”之类的问题,有问题直接问!1、学生或暂时没有工作的童鞋,整站资源免费下载!2、¥9.9充值终身VIP会员,加我微信,826096331 拉你进VIP群学习!3、程序员加油,技术改变世界。在线 充值

jQuery支持鼠标滚动的时间轴
分类:日期时间 > 时间轴 难易:中级
查看演示

加我微信,拉你进VIP群学习:

下载资源 下载积分: 30 积分

HTML

<ul class="list">
    <li style="margin-top:-110px;">
        <div class="liwrap">
            <div class="lileft">
                <div class="date">
                    <span class="year">2015</span>
                    <span class="md">0305</span>
                </div>
            </div>

            <div class="point"><b></b></div>

            <div class="liright">
                <div class="histt"><a href="http://www.erdangjiade.com/js">素材火 发布</a></div>
                <div class="hisct">修正了上一版本中的错误,欢迎大家测试,如果发现问题请联系我们,谢谢。</div>
            </div>
        </div>
    </li>
    <li>
        <div class="liwrap">
            <div class="lileft">
                <div class="date">
                    <span class="year">2015</span>
                    <span class="md">0310</span>
                </div>
            </div>

            <div class="point"><b></b></div>

            <div class="liright">
                <div class="histt"><a href="http://www.erdangjiade.com/js">素材火 发布</a></div>
                <div class="hisct">随着用户的访问量增大,功能不能满足需求,我们进行了重大更新,对设计和功能都进行大幅度的升级,增加了原创,欣赏版块</div>
            </div>
        </div>
    </li>
</ul>

引入时间轴插件、鼠标滚动插件mousewheel和动画插件jquery.easing.js

<link rel="stylesheet" type="text/css" href="css/history.css">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="js/jquery.easing.js"></script>
<script type="text/javascript" src="js/history.js"></script>
标签: 时间轴
声明:本文为原创文章,如需转载,请注明来源erdangjiade.com并保留原文链接:https://www.erdangjiade.com/js/497.html
评论1
头像

友情提示:垃圾评论一律封号 加我微信:826096331拉你进VIP群学习群

  • 头像 沙发
    11-13 16:59
    qq562140910
    好好好好的好烦人
1 2