CN106993232B - 一种基于电视的文字滚动实现方法及装置 - Google Patents
一种基于电视的文字滚动实现方法及装置 Download PDFInfo
- Publication number
- CN106993232B CN106993232B CN201710293614.7A CN201710293614A CN106993232B CN 106993232 B CN106993232 B CN 106993232B CN 201710293614 A CN201710293614 A CN 201710293614A CN 106993232 B CN106993232 B CN 106993232B
- Authority
- CN
- China
- Prior art keywords
- div
- text
- visual windows
- rolled
- width
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/47—End-user applications
- H04N21/472—End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content
- H04N21/4722—End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content for requesting additional data associated with the content
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/47—End-user applications
- H04N21/485—End-user interface for client configuration
- H04N21/4858—End-user interface for client configuration for modifying screen layout parameters, e.g. fonts, size of the windows
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/80—Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
- H04N21/83—Generation or processing of protective or descriptive data associated with content; Content structuring
- H04N21/835—Generation of protective data, e.g. certificates
- H04N21/8355—Generation of protective data, e.g. certificates involving usage data, e.g. number of copies or viewings allowed
- H04N21/83555—Generation of protective data, e.g. certificates involving usage data, e.g. number of copies or viewings allowed using a structured language for describing usage rules of the content, e.g. REL
Landscapes
- Engineering & Computer Science (AREA)
- Multimedia (AREA)
- Signal Processing (AREA)
- Human Computer Interaction (AREA)
- Databases & Information Systems (AREA)
- Computer Security & Cryptography (AREA)
- Controls And Circuits For Display Device (AREA)
Abstract
本申请提供了一种基于电视的文字滚动实现方法及装置,基于电视的文字滚动实现方法采用的是符合W3C标准的HTML标签,如div、span,因此用于数字电视web开发的JavaScript能够更快的解析出HTML标签,加快文字滚动的显示速度,从而提高文字滚动的性能。
Description
技术领域
本申请涉及数字电视领域,特别涉及一种基于电视的文字滚动实现方法及装置。
背景技术
随着数字电视技术的发展,数字电视机顶盒用户不断增加,在使用机顶盒播放电视节目期间,在视频之上滚动显示文字已经非常普遍。滚动文字可以是新闻,也可以是广告,它以运动的形式播出,可以显示很多内容,又不占用很大空间,是电视观众接收信息的重要途径之一。
但是,目前文字滚动实现方法实现的文字滚动性能较差,如何提高文字滚动性能成为问题。
发明内容
为解决上述技术问题,本申请实施例提供一种基于电视的文字滚动实现方法及装置,以达到提高文字滚动的性能的目的,技术方案如下:
一种基于电视的文字滚动实现方法,包括:
获取电视屏幕上呈现文字的元素,并将获取到的电视屏幕上呈现文字的元素作为可视窗口,设置所述可视窗口的属性值;
利用行内元素的span标签获取待滚动文字的内容和字体大小,并通过所述待滚动文字的内容和字体大小确定所述待滚动文字的宽度;
在所述可视窗口内创建一个用于包裹所述待滚动文字的div,将所述待滚动文字的宽度作为所述div的宽度,并设置所述div为绝对定位;
在所述可视窗口内滚动所述div;
每隔第一预设时间判断一次所述div是否从所述可视窗口内移出;
若是,将从所述可视窗口内移出的div移动到所述可视窗口的初始位置,并返回执行在所述可视窗口内滚动所述div的步骤;
或,在所述可视窗口内创建两个相同且均用于包裹所述待滚动文字的div,分别为第一div和第二div,在div滚动方向上所述第二div位于所述第一div的后面;
将所述待滚动文字的宽度分别作为所述第一div和所述第二div的宽度,并分别设置所述第一div和所述第二div均为绝对定位;
在所述可视窗口内滚动所述第一div;
每隔第二预设时间判断一次所述第一div是否从所述可视窗口内移出;
若是,在所述可视窗口内滚动所述第二div,并在所述第一div移动到所述可视窗口的初始位置时,返回执行在所述可视窗口内滚动所述第一div的步骤。
优选的,每隔第一预设时间判断一次所述div是否从所述可视窗口内移出,包括:
每隔第一预设时间判断一次所述div的左边缘的偏移是否小于负的所述待滚动文字的宽度。
优选的,每隔第一预设时间判断一次所述div是否从所述可视窗口内移出,包括:
每隔第一预设时间判断一次所述可视窗口的scrollleft的值是否不小于所述待滚动文字的宽度。
优选的,每隔第二预设时间判断一次所述第一div是否从所述可视窗口内移出,包括:
每隔第二预设时间判断一次所述第一div的左边缘的偏移是否小于负的所述待滚动文字的宽度。
优选的,每隔第二预设时间判断一次所述第一div是否从所述可视窗口内移出,包括:
每隔第二预设时间判断一次所述可视窗口的scrollleft的值是否不小于所述待滚动文字的宽度。
一种基于电视的文字滚动实现装置,包括:
第一确定模块,用于获取电视屏幕上呈现文字的元素,并将获取到的电视屏幕上呈现文字的元素作为可视窗口,设置所述可视窗口的属性值;
第二确定模块,用于利用行内元素的span标签获取待滚动文字的内容和字体大小,并通过所述待滚动文字的内容和字体大小确定所述待滚动文字的宽度;
第一创建模块,用于在所述可视窗口内创建一个用于包裹所述待滚动文字的div,将所述待滚动文字的宽度作为所述div的宽度,并设置所述div为绝对定位;
第一滚动模块,用于在所述可视窗口内滚动所述div;
第一判断模块,用于每隔第一预设时间判断一次所述div是否从所述可视窗口内移出,若是,执行第一移动模块;
所述第一移动模块,用于将从所述可视窗口内移出的div移动到所述可视窗口的初始位置,并返回执行所述第一滚动模块;
或,第二创建模块,用于在所述可视窗口内创建两个相同且均用于包裹所述待滚动文字的div,分别为第一div和第二div,在div滚动方向上所述第二div位于所述第一div的后面;
第三确定模块,用于将所述待滚动文字的宽度分别作为所述第一div和所述第二div的宽度,并分别设置所述第一div和所述第二div均为绝对定位;
第二滚动模块,用于在所述可视窗口内滚动所述第一div;
第二判断模块,用于每隔第二预设时间判断一次所述第一div是否从所述可视窗口内移出,若是,执行第二移动模块;
所述第二移动模块,用于在所述可视窗口内滚动所述第二div,并在所述第一div移动到所述可视窗口的初始位置时,返回执行所述第二滚动模块。
优选的,所述第一判断模块包括:
第一判断单元,用于每隔第一预设时间判断一次所述div的左边缘的偏移是否小于负的所述待滚动文字的宽度。
优选的,所述第一判断模块包括:
第二判断单元,用于每隔第一预设时间判断一次所述可视窗口的scrollleft的值是否不小于所述待滚动文字的宽度。
优选的,所述第二判断模块包括:
第三判断单元,用于每隔第二预设时间判断一次所述第一div的左边缘的偏移是否小于负的所述待滚动文字的宽度。
优选的,所述第二判断模块包括:
第四判断单元,用于每隔第二预设时间判断一次所述可视窗口的scrollleft的值是否不小于所述待滚动文字的宽度。
与现有技术相比,本申请的有益效果为:
在本申请中,通过获取电视屏幕上呈现文字的元素,并将获取到的电视屏幕上呈现文字的元素作为可视窗口,设置所述可视窗口的属性值;利用行内元素的span标签获取待滚动文字的内容和字体大小,并通过所述待滚动文字的内容和字体大小确定所述待滚动文字的宽度;在所述可视窗口内创建一个用于包裹所述待滚动文字的div,将所述待滚动文字的宽度作为所述div的宽度,并设置所述div为绝对定位;在所述可视窗口内滚动所述div;每隔第一预设时间判断一次所述div是否从所述可视窗口内移出;若是,将从所述可视窗口内移出的div移动到所述可视窗口的初始位置,并返回执行在所述可视窗口内滚动所述div的步骤;或,在所述可视窗口内创建两个相同且均用于包裹所述待滚动文字的div,分别为第一div和第二div,在div滚动方向上所述第二div位于所述第一div的后面;将所述待滚动文字的宽度分别作为所述第一div和所述第二div的宽度,并分别设置所述第一div和所述第二div均为绝对定位;在所述可视窗口内滚动所述第一div;每隔第二预设时间判断一次所述第一div是否从所述可视窗口内移出;若是,在所述可视窗口内滚动所述第二div,并在所述第一div移动到所述可视窗口的初始位置时,返回执行在所述可视窗口内滚动所述第一div的步骤,实现文字滚动。由于文字滚动实现方法采用的是符合W3C标准的HTML标签,如div、span,因此用于数字电视web开发的JavaScript能够更快的解析出HTML标签,加快文字滚动的显示速度,从而提高文字滚动的性能。
附图说明
为了更清楚地说明本申请实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1是本申请提供基于电视的文字滚动实现方法的一种流程图;
图2是本申请提供的基于电视的文字滚动实现方法的一种执行效果原理图;
图3是本申请提供的基于电视的文字滚动实现方法的一种流程图;
图4是本申请提供的基于电视的文字滚动实现装置的一种逻辑结构示意图;
图5是本申请提供的基于电视的文字滚动实现装置的另一种逻辑结构示意图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
实施例一
在本实施例中,提供了一种基于电视的文字滚动实现方法,请参见图1和图3。其中,图1示出的基于电视的文字滚动实现方法仅实现了文字的循环滚动,图3示出的基于电视的文字滚动实现方法实现了文字的无缝滚动且循环滚动。
请参见图1,其示出了本申请提供的基于电视的文字滚动实现方法的一种流程图,可以包括以下步骤:
步骤S11:获取电视屏幕上呈现文字的元素,并将获取到的电视屏幕上呈现文字的元素作为可视窗口,设置所述可视窗口的属性值。
在本实施例中,可视窗口的属性值至少可以包括:width、height和overflow:hidden。其中,width为宽度,height为高度,overflow:hidden为隐藏溢出。
在设置可视窗口的属性值后,能够保证文字在可视窗口内正常滚动。
步骤S12:利用行内元素的span标签获取待滚动文字的内容和字体大小,并通过所述待滚动文字的内容和字体大小确定所述待滚动文字的宽度。
在本实施例中,行内元素的span标签为HTML(超文本标记语言,HyperText MarkupLanguage)中的标签。
在本实施例中,结合代码对步骤S12的过程进行说明,具体如下:
方法的入参中含有文字内容和字体大小两个参数,进入方法后,利用js的动态创建dom的方法var span=document.createElement(“span”)创建一个span标签,把创建的span标签添加到body里,即document.body.appendChild(span),然后把文字内容和字体大小两个参数赋值给该标签,即span.innerHTML=text,span.style.fontSize=size+”px”,最后再根据span.offsetWidth即可确定滚动文字的宽度。确定滚动文字的宽度之后,还可以把原来创建的span从body中移除即document.body.removeChild(span)。
步骤S13:在所述可视窗口内创建一个用于包裹所述待滚动文字的div,将所述待滚动文字的宽度作为所述div的宽度,并设置所述div为绝对定位。
div也为HTML中的标签。
步骤S14:在所述可视窗口内滚动所述div。
步骤S15:每隔第一预设时间判断一次所述div是否从所述可视窗口内移出。
若是,执行步骤S16。
在本实施例中,每隔第一预设时间判断一次所述div是否从所述可视窗口内移出,具体可以包括:每隔第一预设时间判断一次所述div的左边缘的偏移是否小于负的所述待滚动文字的宽度。
若所述div的左边缘的偏移小于负的所述待滚动文字的宽度,则说明所述div从所述可视窗口内移出,执行步骤S16。
现举例对负的所述待滚动文字的宽度进行说明,如所述待滚动文字的宽度为500px,则负的所述待滚动文字的宽度即-500px。
当然,每隔第一预设时间判断一次所述div是否从所述可视窗口内移出,具体也可以包括:每隔第一预设时间判断一次所述可视窗口的scrollleft的值是否不小于所述待滚动文字的宽度。
若所述可视窗口的scrollleft的值不小于所述待滚动文字的宽度,说明所述div从所述可视窗口内移出,执行步骤S16。
其中,scrollleft为设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离。
步骤S16:将从所述可视窗口内移出的div移动到所述可视窗口的初始位置,并返回执行步骤S14。
图1示出的基于电视的文字滚动实现方法的执行效果原理图请参见图2。
请参见图3,其示出了本申请提供的基于电视的文字滚动实现方法的另一种流程图,可以包括以下步骤:
步骤S21:获取电视屏幕上呈现文字的元素,并将获取到的电视屏幕上呈现文字的元素作为可视窗口,设置所述可视窗口的属性值。
步骤S21与图1示出的步骤S11相同,在此不再赘述。
步骤S22:利用行内元素的span标签获取待滚动文字的内容和字体大小,并通过所述待滚动文字的内容和字体大小确定所述待滚动文字的宽度。
步骤S22与图1示出的步骤S12相同,在此不再赘述。
步骤S23:在所述可视窗口内创建两个相同且均用于包裹所述待滚动文字的div,分别为第一div和第二div,在div滚动方向上所述第二div位于所述第一div的后面。
步骤S24:将所述待滚动文字的宽度分别作为所述第一div和所述第二div的宽度,并分别设置所述第一div和所述第二div均为绝对定位。
步骤S25:在所述可视窗口内滚动所述第一div。
步骤S26:每隔第二预设时间判断一次所述第一div是否从所述可视窗口内移出。
若是,执行步骤S27。
在本实施例中,第二预设时间与上述第一预设时间可以相同,也可以不相同,第一预设时间和第二预设时间的设置具体需要依据各自方案中div和可视窗口的宽度而定。
在本实施例中,每隔第二预设时间判断一次所述第一div是否从所述可视窗口内移出,具体可以包括:每隔第二预设时间判断一次所述第一div的左边缘的偏移是否小于负的所述待滚动文字的宽度。
每隔第二预设时间判断一次所述第一div是否从所述可视窗口内移出,具体也可以包括:每隔第二预设时间判断一次所述可视窗口的scrollleft的值是否不小于所述待滚动文字的宽度。
步骤S27:在所述可视窗口内滚动所述第二div,并在所述第一div移动到所述可视窗口的初始位置时,返回执行步骤S25。
在本申请中,通过获取电视屏幕上呈现文字的元素,并将获取到的电视屏幕上呈现文字的元素作为可视窗口,设置所述可视窗口的属性值;利用行内元素的span标签获取待滚动文字的内容和字体大小,并通过所述待滚动文字的内容和字体大小确定所述待滚动文字的宽度;在所述可视窗口内创建一个用于包裹所述待滚动文字的div,将所述待滚动文字的宽度作为所述div的宽度,并设置所述div为绝对定位;在所述可视窗口内滚动所述div;每隔第一预设时间判断一次所述div是否从所述可视窗口内移出;若是,将从所述可视窗口内移出的div移动到所述可视窗口的初始位置,并返回执行在所述可视窗口内滚动所述div的步骤;或,在所述可视窗口内创建两个相同且均用于包裹所述待滚动文字的div,分别为第一div和第二div,在div滚动方向上所述第二div位于所述第一div的后面;将所述待滚动文字的宽度分别作为所述第一div和所述第二div的宽度,并分别设置所述第一div和所述第二div均为绝对定位;在所述可视窗口内滚动所述第一div;每隔第二预设时间判断一次所述第一div是否从所述可视窗口内移出;若是,在所述可视窗口内滚动所述第二div,并在所述第一div移动到所述可视窗口的初始位置时,返回执行在所述可视窗口内滚动所述第一div的步骤,实现文字滚动。由于文字滚动实现方法采用的是符合W3C标准的HTML标签,如div、span,因此用于数字电视web开发的JavaScript能够更快的解析出HTML标签,加快文字滚动的显示速度,从而提高文字滚动的性能。
进一步的,可以在基于电视的文字滚动实现方法中定义一些额外的方法,灵活性好。
实施例二
与上述方法实施例相对应,本实施例提供了一种基于电视的文字滚动实现装置,请参见图4和图5。
如图4所示,基于电视的文字滚动实现装置包括:第一确定模块11、第二确定模块12、第一创建模块13、第一滚动模块14、第一判断模块15和第一移动模块16。
第一确定模块11,用于获取电视屏幕上呈现文字的元素,并将获取到的电视屏幕上呈现文字的元素作为可视窗口,设置所述可视窗口的属性值。
第二确定模块12,用于利用行内元素的span标签获取待滚动文字的内容和字体大小,并通过所述待滚动文字的内容和字体大小确定所述待滚动文字的宽度。
第一创建模块13,用于在所述可视窗口内创建一个用于包裹所述待滚动文字的div,将所述待滚动文字的宽度作为所述div的宽度,并设置所述div为绝对定位。
第一滚动模块14,用于在所述可视窗口内滚动所述div。
第一判断模块15,用于每隔第一预设时间判断一次所述div是否从所述可视窗口内移出,若是,执行第一移动模块16。
在本实施例中,第一判断模块15具体可以包括:第一判断单元或第二判断单元。
第一判断单元,用于每隔第一预设时间判断一次所述div的左边缘的偏移是否小于负的所述待滚动文字的宽度。
第二判断单元,用于每隔第一预设时间判断一次所述可视窗口的scrollleft的值是否不小于所述待滚动文字的宽度。
所述第一移动模块16,用于将从所述可视窗口内移出的div移动到所述可视窗口的初始位置,并返回执行所述第一滚动模14块。
如图5所示,基于电视的文字滚动实现装置包括:第一确定模块11、第二确定模块12、第二创建模块17、第三确定模块18、第二滚动模块19、第二判断模块110和第二移动模块111。
第一确定模块11和第二确定模块12的具体功能请参见图1示出的第一确定模块11和第二确定模块12,在此不再赘述。
第二创建模块17,用于在所述可视窗口内创建两个相同且均用于包裹所述待滚动文字的div,分别为第一div和第二div,在div滚动方向上所述第二div位于所述第一div的后面。
第三确定模块18,用于将所述待滚动文字的宽度分别作为所述第一div和所述第二div的宽度,并分别设置所述第一div和所述第二div均为绝对定位。
第二滚动模块19,用于在所述可视窗口内滚动所述第一div。
第二判断模块110,用于每隔第二预设时间判断一次所述第一div是否从所述可视窗口内移出,若是,执行第二移动模块111。
在本实施例中,第二判断模块110具体可以包括:第三判断单元或第四判断单元。
第三判断单元,用于每隔第二预设时间判断一次所述第一div的左边缘的偏移是否小于负的所述待滚动文字的宽度。
第四判断单元,用于每隔第二预设时间判断一次所述可视窗口的scrollleft的值是否不小于所述待滚动文字的宽度。
所述第二移动模块111,用于在所述可视窗口内滚动所述第二div,并在所述第一div移动到所述可视窗口的初始位置时,返回执行所述第二滚动模块19。
需要说明的是,本说明书中的各个实施例均采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似的部分互相参见即可。对于装置类实施例而言,由于其与方法实施例基本相似,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
最后,还需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
为了描述的方便,描述以上装置时以功能分为各种单元分别描述。当然,在实施本申请时可以把各单元的功能在同一个或多个软件和/或硬件中实现。
通过以上的实施方式的描述可知,本领域的技术人员可以清楚地了解到本申请可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品可以存储在存储介质中,如ROM/RAM、磁碟、光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本申请各个实施例或者实施例的某些部分所述的方法。
以上对本申请所提供的一种基于电视的文字滚动实现方法及装置进行了详细介绍,本文中应用了具体个例对本申请的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本申请的方法及其核心思想;同时,对于本领域的一般技术人员,依据本申请的思想,在具体实施方式及应用范围上均会有改变之处,综上所述,本说明书内容不应理解为对本申请的限制。
Claims (6)
1.一种基于电视的文字滚动实现方法,其特征在于,包括:
获取电视屏幕上呈现文字的元素,并将获取到的电视屏幕上呈现文字的元素作为可视窗口,设置所述可视窗口的属性值;
利用行内元素的span标签获取待滚动文字的内容和字体大小,并通过所述待滚动文字的内容和字体大小确定所述待滚动文字的宽度;
在所述可视窗口内创建一个用于包裹所述待滚动文字的div,将所述待滚动文字的宽度作为所述div的宽度,并设置所述div为绝对定位;
在所述可视窗口内滚动所述div;
每隔第一预设时间判断一次所述div是否从所述可视窗口内移出;每隔第一预设时间判断一次所述div是否从所述可视窗口内移出,包括:每隔第一预设时间判断一次所述div的左边缘的偏移是否小于负的所述待滚动文字的宽度;或,每隔第一预设时间判断一次所述可视窗口的scrollleft的值是否不小于所述待滚动文字的宽度;
若是,将从所述可视窗口内移出的div移动到所述可视窗口的初始位置,并返回执行在所述可视窗口内滚动所述div的步骤;
或,在所述可视窗口内创建两个相同且均用于包裹所述待滚动文字的div,分别为第一div和第二div,在div滚动方向上所述第二div位于所述第一div的后面;
将所述待滚动文字的宽度分别作为所述第一div和所述第二div的宽度,并分别设置所述第一div和所述第二div均为绝对定位;
在所述可视窗口内滚动所述第一div;
每隔第二预设时间判断一次所述第一div是否从所述可视窗口内移出;
若是,在所述可视窗口内滚动所述第二div,并在所述第一div移动到所述可视窗口的初始位置时,返回执行在所述可视窗口内滚动所述第一div的步骤。
2.根据权利要求1所述的方法,其特征在于,每隔第二预设时间判断一次所述第一div是否从所述可视窗口内移出,包括:
每隔第二预设时间判断一次所述第一div的左边缘的偏移是否小于负的所述待滚动文字的宽度。
3.根据权利要求1所述的方法,其特征在于,每隔第二预设时间判断一次所述第一div是否从所述可视窗口内移出,包括:
每隔第二预设时间判断一次所述可视窗口的scrollleft的值是否不小于所述待滚动文字的宽度。
4.一种基于电视的文字滚动实现装置,其特征在于,包括:
第一确定模块,用于获取电视屏幕上呈现文字的元素,并将获取到的电视屏幕上呈现文字的元素作为可视窗口,设置所述可视窗口的属性值;
第二确定模块,用于利用行内元素的span标签获取待滚动文字的内容和字体大小,并通过所述待滚动文字的内容和字体大小确定所述待滚动文字的宽度;
第一创建模块,用于在所述可视窗口内创建一个用于包裹所述待滚动文字的div,将所述待滚动文字的宽度作为所述div的宽度,并设置所述div为绝对定位;
第一滚动模块,用于在所述可视窗口内滚动所述div;
第一判断模块,用于每隔第一预设时间判断一次所述div是否从所述可视窗口内移出,若是,执行第一移动模块;所述第一判断模块包括:第一判断单元,用于每隔第一预设时间判断一次所述div的左边缘的偏移是否小于负的所述待滚动文字的宽度;或,第二判断单元,用于每隔第一预设时间判断一次所述可视窗口的scrollleft的值是否不小于所述待滚动文字的宽度;
所述第一移动模块,用于将从所述可视窗口内移出的div移动到所述可视窗口的初始位置,并返回执行所述第一滚动模块;
或,第二创建模块,用于在所述可视窗口内创建两个相同且均用于包裹所述待滚动文字的div,分别为第一div和第二div,在div滚动方向上所述第二div位于所述第一div的后面;
第三确定模块,用于将所述待滚动文字的宽度分别作为所述第一div和所述第二div的宽度,并分别设置所述第一div和所述第二div均为绝对定位;
第二滚动模块,用于在所述可视窗口内滚动所述第一div;
第二判断模块,用于每隔第二预设时间判断一次所述第一div是否从所述可视窗口内移出,若是,执行第二移动模块;
所述第二移动模块,用于在所述可视窗口内滚动所述第二div,并在所述第一div移动到所述可视窗口的初始位置时,返回执行所述第二滚动模块。
5.根据权利要求4所述的装置,其特征在于,所述第二判断模块包括:
第三判断单元,用于每隔第二预设时间判断一次所述第一div的左边缘的偏移是否小于负的所述待滚动文字的宽度。
6.根据权利要求4所述的装置,其特征在于,所述第二判断模块包括:
第四判断单元,用于每隔第二预设时间判断一次所述可视窗口的scrollleft的值是否不小于所述待滚动文字的宽度。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710293614.7A CN106993232B (zh) | 2017-04-28 | 2017-04-28 | 一种基于电视的文字滚动实现方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710293614.7A CN106993232B (zh) | 2017-04-28 | 2017-04-28 | 一种基于电视的文字滚动实现方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN106993232A CN106993232A (zh) | 2017-07-28 |
CN106993232B true CN106993232B (zh) | 2019-07-02 |
Family
ID=59417575
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710293614.7A Active CN106993232B (zh) | 2017-04-28 | 2017-04-28 | 一种基于电视的文字滚动实现方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN106993232B (zh) |
Families Citing this family (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108052589A (zh) * | 2017-12-11 | 2018-05-18 | 福建中金在线信息科技有限公司 | 一种图文展示的方法、装置及存储介质 |
CN108804176A (zh) * | 2018-05-23 | 2018-11-13 | 深圳市茁壮网络股份有限公司 | 一种文字信息的展示方法及装置 |
CN108733446A (zh) * | 2018-05-23 | 2018-11-02 | 深圳市茁壮网络股份有限公司 | 一种文字信息的展示方法及装置 |
CN113645493A (zh) * | 2020-04-24 | 2021-11-12 | 深圳市中兴系统集成技术有限公司 | 一种文字垂直滚动的显示方法 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101819594A (zh) * | 2010-04-23 | 2010-09-01 | 四川长虹电器股份有限公司 | 嵌入式浏览器中实现跑马灯效果的方法 |
JP5870839B2 (ja) * | 2012-05-14 | 2016-03-01 | 富士ゼロックス株式会社 | 情報処理装置及び情報処理プログラム |
CN106095374A (zh) * | 2016-06-23 | 2016-11-09 | Tcl集团股份有限公司 | 一种文字大小自适应各国语言显示的方法及系统 |
CN106407276A (zh) * | 2016-08-26 | 2017-02-15 | 广州神马移动信息科技有限公司 | 文字直播内容的显示方法及装置 |
-
2017
- 2017-04-28 CN CN201710293614.7A patent/CN106993232B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101819594A (zh) * | 2010-04-23 | 2010-09-01 | 四川长虹电器股份有限公司 | 嵌入式浏览器中实现跑马灯效果的方法 |
JP5870839B2 (ja) * | 2012-05-14 | 2016-03-01 | 富士ゼロックス株式会社 | 情報処理装置及び情報処理プログラム |
CN106095374A (zh) * | 2016-06-23 | 2016-11-09 | Tcl集团股份有限公司 | 一种文字大小自适应各国语言显示的方法及系统 |
CN106407276A (zh) * | 2016-08-26 | 2017-02-15 | 广州神马移动信息科技有限公司 | 文字直播内容的显示方法及装置 |
Also Published As
Publication number | Publication date |
---|---|
CN106993232A (zh) | 2017-07-28 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106993232B (zh) | 一种基于电视的文字滚动实现方法及装置 | |
KR102278657B1 (ko) | 웹 페이지에 대한 컨텐츠 아이템에 대한 사이즈 자동 결정 | |
US20140215314A9 (en) | Method for rearranging web page | |
US10339209B2 (en) | Webpage display method and device | |
WO2017161743A1 (zh) | 网页显示方法及装置 | |
JP6586179B2 (ja) | 無限スクロールグラフィカルユーザインターフェース内のスクロールイベントを帰属させるシステムおよび方法 | |
EP2843607A1 (en) | Methods and systems for providing third-party content on a web page | |
CN104965693A (zh) | 一种视频处理的方法和系统 | |
US11694237B2 (en) | Systems and methods for dynamically inserting content item slots in an information resource | |
CN105373593B (zh) | 一种展示网页中目标元素的方法及装置 | |
US11017154B2 (en) | Methods and systems for identifying styles of properties of document object model elements of an information resource | |
EP3249554A1 (en) | Systems and methods for client-side dynamic information resource activation and deactivation | |
CN103678497A (zh) | 提供调整检索页浏览显示的方法和系统 | |
US11363040B2 (en) | Systems and methods for dynamically restricting the rendering of unauthorized content included in information resources | |
US9158800B2 (en) | Providing content items for non-standard content item slots | |
US11004170B2 (en) | Converting flash content to HTML content by generating an instruction list | |
US9665617B1 (en) | Methods and systems for generating a stable identifier for nodes likely including primary content within an information resource | |
CN105589883B (zh) | 网页的页面元素的显示方法和装置 | |
CN105224552A (zh) | 网络信息的处理方法、装置、和系统 | |
CN105812955B (zh) | 一种滚动字幕显示方法及机顶盒处理器 | |
CN117785199A (zh) | 一种显示设备页面布局方法、装置、系统和介质 | |
KR101372580B1 (ko) | 브라우저 ui를 제공하기 위한 방법, 단말 장치, 서버 및 컴퓨터 판독 가능한 기록 매체 | |
CN109669696A (zh) | 视差网页的生成方法、显示方法及装置、可读存储介质 | |
CN105389362A (zh) | 一种用于展现交互界面的方法和装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |