javascript - 判断 li - 10个li以内不执行,超过10个li时执行下边的代码
怪我咯
怪我咯 2017-04-11 11:08:14
[JavaScript讨论组]

  • XXX微信好友

    助力成功

    1朋友,是一辈子的

$(function () { var scrtime; var $ul = $("#art-con ul"); var liFirstHeight = $ul.find("li:first").height();//第一个li的高度 $ul.css({ top: "-" + liFirstHeight - 20 + "px" });//利用css的top属性将第一个li隐藏在列表上方 因li的上下padding:10px所以要-20 $("#art-con").hover(function () { $ul.pause();//暂停动画 clearInterval(scrtime); }, function () { $ul.resume();//恢复播放动画 scrtime = setInterval(function scrolllist() { //动画形式展现第一个li $ul.animate({ top: 0 + "px" }, 1500, function () { //动画完成时 $ul.find("li:last").prependTo($ul);//将ul的最后一个剪切li插入为ul的第一个li liFirstHeight = $ul.find("li:first").height();//刚插入的li的高度 $ul.css({ top: "-" + liFirstHeight - 20 + "px" });//利用css的top属性将刚插入的li隐藏在列表上方 因li的上下padding:10px所以要-20 }); }, 5300); }).trigger("mouseleave");//通过trigger("mouseleave")函数来触发hover事件的第2个函数 });
怪我咯
怪我咯

走同样的路,发现不同的人生

全部回复(4)
巴扎黑

如楼上所说,判断li数量

$(function () {
    var liNum = $(".art-record ul li").length;
    if(liNum > 10){
        //超过10个执行
    } else {
        //10个以内执行
    }
});

希望对你有帮助

伊谢尔伦

找到li并用length获得数量,然后判断,如果超过10个,执行你想执行的代码

天蓬老师

判断一下li的数量不就可以了

PHP中文网

估计要增加一个定时器,或者在有对li数量的操作后,增加对li的数量判断,然后执行代码。看你的需求是怎样的。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号