jq垂直无限滚动新闻或者预约xinx

刺骨的言语ヽ痛彻心扉 2022-02-27 08:14 136阅读 0赞

<ul id="hcal_con_zri_ul" class="hcal_con_zri_ul">
        <li class="hcal_con_zri_uli">
    	    <p class="h_con_zri_ulip1">19:53:57王</p>
    	    <p>已成功申请免费定制服务</p>
    	</li>
        <li class="hcal_con_zri_uli">
            <p class="h_con_zri_ulip1">19:53:57王</p>
    		<p>已成功申请免费定制服务</p>
    	</li>
    </ul>

function movedome() {
        var margintop = 0; //上边距的偏移量
        var stop = false;
        setInterval(function() {
            if(stop == true) {
    		    return;
    		}
    		$("#hcal_con_zri_ul").children("li").first().animate({
    			"margin-top": margintop--
    		}, 0, function() {
    			var $li = $(this);
    			if(!$li.is(":animated")) { //第一个li的动画结束时
    			    if(-margintop > $li.height()) {
    			    $li.css("margin-top", "0px").appendTo($("#hcal_con_zri_ul"));
    			    margintop = 0;
    		        }
    	        }
    	    });
        }, 50);
        //鼠标放到快递信息(ul)上时
        $("#hcal_con_zri_ul").hover(function() {
    	    $(this).css("cursor", "pointer");
    	    stop = true; //停止动画
        }, function() {
    	    stop = false; //开始动画
    	});
    }
    movedome();

发表评论取消回复

表情：

评论列表（有 0 条评论，136人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQ广告横向滚动

{ box-sizing: border-box; } .gunDong{ background-color: F4F4F

以你之姓@/ 2022年11月13日 04:20/ 0 赞/ 187 阅读

相关 jq 设置margin_jq文字定时上下滚动

会用在一些头条新闻上，滚动几条最新文章的标题。 / headlines /.headlines{ margin:75px auto 0; overflow: hidd

我就是我/ 2022年10月25日 04:54/ 0 赞/ 126 阅读

相关 jq垂直手风琴折叠导航菜单

[下载地址][Link 1]jQuery垂直手风琴导航菜单，灵活运用，方便修改样式，加入了css3动画，有耳目一新的感觉。 ![1631561043.png][] d

小鱼儿/ 2022年09月12日 01:44/ 0 赞/ 249 阅读

相关 jq鼠标滚动事件

JQ鼠标滚动事件 $(document).on("mousewheel", function (e, delta) { var wheel =

拼搏现实的明天。/ 2022年09月04日 04:50/ 0 赞/ 171 阅读

相关 LinearLayout 垂直滚动条

activity中经常只是一个LinearLayout，但这样的话，如果activity内容超过一屏，无法滚动查看下面的内容。这时只需在外面嵌套一个ScrollView就可

系统管理员/ 2022年08月09日 15:56/ 0 赞/ 238 阅读

相关垂直滚动图片

这个效果不美观，只要了解的是函数如何进行调用的。函数循环还可以调用animate,控制动画的时间就可以实现隔一段时间调用一次函数，而不一定一直使用setTimeout()函数。

ゝ一纸荒年。/ 2022年07月16日 17:49/ 0 赞/ 208 阅读

相关新闻播报类的插件，可以无限的滚动列表

http://www.aakashweb.com/jquery-plugins/easy-ticker/ jQuery easy ticker 是新闻播报类的插件，可以无限

迈不过友情╰/ 2022年06月18日 11:06/ 0 赞/ 197 阅读

相关楼层滚动(JQ)

html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

ゝ一纸荒年。/ 2022年06月03日 02:14/ 0 赞/ 188 阅读

相关 jq-json数据-无限极-层级

样子： ![这里写图片描述][SouthEast] 数据：后台返回的json数据， ![这里写图片描述][SouthEast 1] 用法：务必页面加

缺乏、安全感/ 2022年06月02日 00:19/ 0 赞/ 183 阅读

相关 jq垂直无限滚动新闻或者预约xinx

<ul id="hcal_con_zri_ul" class="hcal_con_zri_ul"> <li class="hcal_con_zri_ul

刺骨的言语ヽ痛彻心扉/ 2022年02月27日 08:14/ 0 赞/ 137 阅读