滚动新闻短暂空白如何解决

问题描述

我利用marquee做了滚动新闻,第一轮滚动开始之前、第一轮滚动结束和第二轮滚动开始之间,有两段短时间的页面空白,该如何解决。谢谢

解决方案

解决方案二:
无缝滚动需要借助JS。百度:marquee无缝滚动
解决方案三:
设置setInterval第二个参数稍微小一点
解决方案四:
引用楼主dengfeng0125的回复:

我利用marquee做了滚动新闻,第一轮滚动开始之前、第一轮滚动结束和第二轮滚动开始之间,有两段短时间的页面空白,该如何解决。谢谢

那就永远都额外多取一段新闻,放到js数组中备用。
解决方案五:
上面是根据你说的业务逻辑,就事论事。不过按照我们所有的此类业务逻辑出发,我们通常不会去轮询新闻信息。只有在页面加载时轮询一下新闻信息,然后页面就会以websocket方式跟服务器通讯,收到服务器推送消息之后就会及时——异步——获取更多新闻。没有轮询,就没有你说的那种问题。
解决方案六:
只有在页面加载时轮询一下新闻信息-->只有在页面加载时读取一下新闻信息不轮询。客户端永远显示的是最新新闻,然后服务器发布新闻时就实时推送消息,客户端实时把新闻假如列表。没有什么空白期。

时间: 2024-09-21 10:10:53

滚动新闻短暂空白如何解决的相关文章

使用加载图片解决在Ajax数据加载中页面出现短暂空白的问题(推荐)_AJAX相关

在项目中用ajax异步获取数据后有时会因为数据问题或者网络问题,页面一直显示空白,现在用加载图片来过渡这种状态: <script> $(function(){ $.ajax({ url:'',//提供接口的文件地址链接 dataType:'json', type:'POST', beforeSend: function(){ $('#loading').html("<img src=\"images/loading.gif\" width=\"15

JSP 用户登录处理界面显示空白怎么解决

问题描述 JSP 用户登录处理界面显示空白怎么解决 <%@ page language=""java"" contentType=""text/html; charset=GBK""%><%@ page import=""java.sql.*""%><html> <head> <title>业务处理页面</title>

Win7系统打开文件夹查看选项发现一片空白的解决办法

  Win7系统打开文件夹查看选项发现一片空白的解决办法          方法一:修改注册表 1.在"运行"中输入"regedit.exe"按回车,进入"注册表编辑器"; 2.在注册表编辑器中依次定位到:KEY_LOCAL_MACHINE/Software/Microsoft/WindowsCurrentVersionexplorerAdvancedFolderHiddenSHOWALL; 3.找到CheckedValue键值项,把它的键值修改

xp系统网上邻居一片空白怎么解决?

      xp系统网上邻居一片空白怎么解决?       具体如下: 1. 右击"我的电脑"选择属性,在打开的属性中计算机名,查看该选项卡中出现的局域网工作组名称,工作组名称如果不一致就会导致打不开网上邻居的现象. 2. 开启guest账号:右击我的电脑,在管理用户里有个guest账号,双击此账号,将 "账户已停用"前面的勾去掉. 3.安装NWlinkIPX/SPX/NetBIOSCompatibleTransportProtocol协议. 4. winxp防火墙

用Jquery实现滚动新闻

 此文主要用Jquery实现滚动新闻,Jquery的强大功能,几行代码即可实现,需要的朋友可以参考下 此文主要用Jquery实现滚动新闻,如此少的代码就能实现这个功能真的是不由得感叹Jquery的强大功能.   代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication244.De

cordova-CordovaActivity相互跳转中间产生短暂空白

问题描述 CordovaActivity相互跳转中间产生短暂空白 两个activity都是继承了CordovaActivity,即加载html作为activity页面,现在有个问题:activity之间进行相互跳转的时候中间有短暂的空白时间,这个空白可以去掉吗?如果不能去掉,如何修改能让跳转看起来舒服一些呢? 解决方案 http://zhidao.baidu.com/link?url=HREJooeHvRJzioxwnOfjuNBkC1N-K2pLWv6tNsKArqVNElBdrJZwD-Uy

CSS应用:IE中img元素多出5px的空白的解决方法

嗯,开场先胡扯几句不相关地感言.最近的工作让我有了很多实践的机会,同时也让我收获颇丰.在群里聊天的时候也提到过,所有的学习过程,最好是理论-实践-再理论-再实践...的一个循环往复的过程.这里说的理论是个比较宽泛地概念,其中包括书本理论,也包括对实践地总结.只有理论没有实践,往往造成http://www.aliyun.com/zixun/aggregation/7232.html">眼高手低,想得好,做得差:只一味地实践却不通过理论地学习和总结,看起来好像忙忙碌碌,到头来会两手空空. 最近

jquery 滚动新闻代码效果

<head> <title>jquery 滚动新闻代码效果</title> <meta http-equiv="content-type" content="text/html; charset=gb22312" /> <link href="css教程/css.css" rel="stylesheet" type="text/css"> <

AngularJS 中使用Swiper制作滚动图不能滑动的解决方法_AngularJS

Swiper是目前较为流行的移动端触摸滑动插件,因为其简单好用易上手,受到很多前端开发者的欢迎. 今天在使用Swiper的时候遇到这个问题: 使用angularjs动态循环生成swiper-slide类,在swiper-wrapper里生成6个以上的滑动页,可是就是划不到第二页,尝试将longSwipesRatio的值修改到最小,仍然不起作用. <div class="swiper-wrapper" > <!-- =======循环部分======= --> &