CN109324721A - web前端横向广告展示方法、存储介质、设备及系统 - Google Patents

web前端横向广告展示方法、存储介质、设备及系统 Download PDF

Info

Publication number
CN109324721A
CN109324721A CN201710640039.3A CN201710640039A CN109324721A CN 109324721 A CN109324721 A CN 109324721A CN 201710640039 A CN201710640039 A CN 201710640039A CN 109324721 A CN109324721 A CN 109324721A
Authority
CN
China
Prior art keywords
advertisement
width
advertisement position
file
mouse
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.)
Granted
Application number
CN201710640039.3A
Other languages
English (en)
Other versions
CN109324721B (zh
Inventor
易春宝
张文明
陈少杰
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Portas (Beijing) Technology Co.,Ltd.
Original Assignee
Wuhan Douyu Network Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Wuhan Douyu Network Technology Co Ltd filed Critical Wuhan Douyu Network Technology Co Ltd
Priority to CN201710640039.3A priority Critical patent/CN109324721B/zh
Publication of CN109324721A publication Critical patent/CN109324721A/zh
Application granted granted Critical
Publication of CN109324721B publication Critical patent/CN109324721B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04812—Interaction techniques based on cursor appearance or behaviour, e.g. being affected by the presence of displayed objects

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)
  • Controls And Circuits For Display Device (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本发明涉及广告展示领域，公开了一种web前端横向广告展示方法、存储介质、设备及系统，该方法包括S1：在广告设置区域横向设置多个广告位；S2：每个广告位均添加事件监听函数用于监听鼠标的移入和移出；S3：当鼠标移入某一广告位，判断当前鼠标移入广告位和相邻后一广告位之间区域是否存在当前鼠标移入广告位的展示文件，若存在，则转到S5，若不存在，则转到S4；S4：从服务器端获取当前鼠标移入广告位的展示文件，然后转到S5；S5：将当前鼠标移入广告位和当前鼠标移入广告位相邻的至少一个广告位的宽度调整为0，以适配展示文件展示时的宽度；S6：展开并展示当前鼠标移入广告位的展示文件。本发明能够有效增强广告和用户间的良好交互效果。

Description

web前端横向广告展示方法、存储介质、设备及系统
技术领域
本发明涉及广告展示领域，具体涉及一种web前端横向广告展示方法、存储介质、设备及系统。
背景技术
对于web前端广告，主要有两种实现方式：1、广告由图片组成，组成广告的图片为GIF、apng等格式，然后给图片加以动画效果；2、广告由flash(交互式矢量图和Web动画标准)制作，通过flash来实现广告的动画效果。
对于上述广告实现方式，均存在以下不足：1、无论是GIF图，还是flash动画，广告的尺寸均为固定形式，仅能在某一特定区域展示某一特定内容，缺乏与用户间的交互效果；2、无论是动态GIF图广告，还是flash动画广告，所使用的相应文件均偏大，增加了服务器的带宽消耗。
发明内容
针对现有技术中存在的缺陷，本发明的目的在于提供一种web前端横向广告展示方法，广告展示过程动态化，且能够有效节省广告相关文件下载时带宽的消耗，本发明还提供一种web前端横向广告展示系统，能够有效增强广告和用户间的良好交互效果。
为达到以上目的，本发明采取的技术方案是，包括：
S1：在HTML页面的广告设置区域横向设置多个广告位；
S2：每个广告位均添加事件监听函数用于监听鼠标的移入和移出；
S3：当鼠标移入某一广告位，判断当前鼠标移入广告位和相邻后一广告位之间区域是否存在当前鼠标移入广告位的展示文件，若存在，则转到S5，若不存在，则转到S4；
S4：从服务器端获取当前鼠标移入广告位的展示文件，并将获取的展示文件存入当前鼠标移入广告位和相邻后一广告位之间区域，并将获取的展示文件的宽度设为0，然后转到S5；
S5：基于展示文件展示时的宽度，将当前鼠标移入广告位和当前鼠标移入广告位相邻的至少一个广告位的宽度调整为0，以适配展示文件展示时的宽度；
S6：展开并展示当前鼠标移入广告位的展示文件，且当鼠标移出广告位时，调整展示文件宽度为0，并将宽度调整为0的广告位的宽度还原为初始宽度。
在上述技术方案的基础上，
所述广告设置区域的各广告位尺寸均相同；
所述广告位采用CSS浮动布置方式设置于广告设置区域。
在上述技术方案的基础上，所述展示文件的宽度为广告位宽度整数倍的广告介绍图片。
在上述技术方案的基础上，S5中，展示文件宽度相较于广告位宽度的倍数数值等于宽度调整为0的广告位个数数值。
在上述技术方案的基础上，S6中，广告位宽度的缩小和展示文件的展开同步进行，且当鼠标移出广告位时，展示文件的宽度调整为0和广告位宽度的还原同步进行。
本发明还提供一种存储介质，该存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现上述所述的方法。
本发明还提供一种web前端横向广告展示设备，包括存储器和处理器，存储器上储存有在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述所述的方法。
本发明还提供一种web前端横向广告展示系统，包括：
布局模块，其用于在HTML页面的广告设置区域横向设置多个广告位，且给每个广告位均添加事件监听函数用于监听鼠标的移入和移出；
判断模块，其用于当鼠标移入某一广告位是，判断当前鼠标移入广告位和相邻后一广告位之间区域是否存在当前鼠标移入广告位的展示文件，若存在，则不作处理，若不存在，则从服务器端获取当前鼠标移入广告位的展示文件，并将获取的展示文件存入当前鼠标移入广告位和相邻后一广告位之间区域，并将获取的展示文件的宽度设为0；
展示模块，其用于基于展示文件展示时的宽度，将当前鼠标移入广告位和当前鼠标移入广告位相邻的至少一个广告位的宽度调整为0，以适配展示文件展示时的宽度，然后展开并展示当前鼠标移入广告位的展示文件，同时当鼠标移出广告位时，调整展示文件宽度为0，并将宽度调整为0的广告位的宽度还原为初始宽度。
在上述技术方案的基础上，所述展示文件的宽度为广告位宽度整数倍的详细广告介绍图片，且展示文件宽度相较于广告位宽度的倍数数值等于宽度调整为0的广告位个数数值。
在上述技术方案的基础上，广告位宽度的缩小和展示文件的展开同步进行，且当鼠标移出广告位时，展示文件的宽度调整为0和广告位宽度的还原同步进行。
与现有技术相比，本发明的优点在于：在广告设置区域进行多个广告位的横向布置，并给每个广告位添加事件监听函数，当鼠标移动到某一广告位上时，则判断广告设置区域是否存在对应的展示文件，当广告设置区域不存在展示文件时，则从网络服务器端进行下载，且下载后的展示文件会保存于广告设置区域，避免同样的文件进行多次下载，有效减轻服务器带宽的消耗，并保证广告详细介绍页面的快速呈现，同时广告位宽度的调整和展示文件的展示同步进行，给用户一动态的展示效果，吸引用户的关注，增加和用户间的交互效果，增加广告的吸引力。
附图说明
图1为本发明实施例中web前端横向广告展示方法的流程图；
图2为本发明实施例中实例的广告位初始布置图；
图3为本发明实施例中实例的获取展示文件的示意图；
图4为本发明实施例中实例的广告位a1的展示文件展示示意图；
图5为本发明实施例中实例的广告位a4的展示文件展示示意图；
图6为本发明实施例中web前端横向广告展示设备的结构示意图。
具体实施方式
以下结合附图及实施例对本发明作进一步详细说明。
参见图1所示，本发明实施例提供一种web前端横向广告展示方法，基于HTML(HyperText Markup Language，超级文本标记语言)页面实现本发明实施例web前端横向广告展示方法的实现，实现广告图片的动态加载和动态展示。本发明实施例的web前端横向广告展示方法具体包括：
S1：在HTML页面的广告设置区域横向设置多个广告位。网页采用HTML编写，一般在网页上会划分多个内容展示区域，同时基于网页的使用需求，还会设置用于展示广告的广告设置区域，本发明实施例中广告设置区域的各广告位尺寸均相同，即各个广告位的长和宽均一样，同时，广告位采用CSS(Cascading Style Sheets，层叠样式表)浮动布置方式设置于广告设置区域，使用此布置方法，当广告设置区域的某一广告位的宽度发生改变时，其它的广告位会自动填充广告设置区域的空白区域，方便后续步骤中的展示文件的动态展示。
S2：给每个广告位均添加事件监听函数用于监听鼠标的移入和移出，即通过事件监听函数用于感知和监听用户的鼠标在广告位上的移入和移出，从而实现详细广告的动态展示，事件监听函数具体为：a(n).addEventListener(‘mouseenter’,fn1),a(n).addEventListener(‘mousele ave’,fn2)，每个广告位均添加有事件监听函数。
S3：当鼠标移入某一广告位，事件监听函数感知到鼠标的移入后，判断当前鼠标移入广告位和相邻后一广告位之间区域是否存在当前鼠标移入广告位的展示文件，若存在，则转到S5，若不存在，则转到S4。展示文件的宽度为广告位宽度整数倍的广告介绍图片。即展示文件为对应广告位广告的详细介绍内容的图片，且展示文件的宽度，即展示文件展开进行展示时的宽度为广告位宽度的整数倍，一般为2倍。广告位上初始的布置的为简略形式的广告。
S4：从服务器端获取当前鼠标移入广告位的展示文件，并将获取的展示文件存入当前鼠标移入广告位和相邻后一广告位之间区域，并将获取的展示文件的宽度设为0，即当展示文件还未展示时，对在HTML页面的广告设置区域的展示文件进行隐藏，然后转到S5。通过对所需展示文件的动态判断，当广告设置区域不存在展示文件时，从网络服务器端进行下载，且下载后的展示文件会保存于广告设置区域，避免同样的文件进行多次下载，有效减轻服务器带宽的消耗。
S5：基于展示文件展示时的宽度，将当前鼠标移入广告位和当前鼠标移入广告位后至少一个广告位的宽度调整为0，以适配展示文件展示时的宽度，即将当前鼠标移入广告位和当前鼠标移入广告位相连的至少一个广告位的宽度调整为0，以留出足够的空白区域，方便展示文件的展示。因展示文件展开进行展示时的宽度为广告位宽度的整数倍，故宽度调整为0的广告位个数数值等于展示文件宽度相较于广告位宽度的倍数数值，如展示文件展开时的宽度为广告位宽度的两倍，则将当前鼠标移入广告位和当前鼠标移入广告位左右相邻任一个广告位的宽度调整为0，从而留出两个广告位宽度的空白，以便于展示文件的展示。
同时，将展示文件展开时的宽度设置成广告位宽度的整数倍，方便计算展示时的宽度，以便于调整相应个数的广告位的宽度为0。
在一种实施方式中，对于展示文件展示时广告位为0的调整，一般为将当前鼠标移入广告位和当前鼠标移入广告位相邻右边的广告位的宽度调整为0，如当前鼠标移入的广告位对应的展示文件展开进行展示时的宽度为广告位宽度的3倍，则将当前鼠标移入广告位和当前鼠标移入广告位相邻右边的两个广告位的宽度调整为0。当用户的鼠标放在最后一个广告位上时，此时受空间的限制，展示文件是无法继续向右展开进行展示的，故此时应将当前鼠标移入广告位和当前鼠标移入广告位相邻的左边广告位的宽度进行0的调整。
具体的，若当前鼠标所移入的广告位为第n个，广告位总的个数为c个，当前鼠标移入广告位对应的展示文件的宽度为广告位宽度的t倍，t一般为2，则改变宽度为0的广告位的计算方式为：
若n+t-1≤c，即可以向右进行展示文件的展开,故调整n到n+t-1位置的广告位的宽度为0；
如果t+n>c，即说明右边空间不足,需要向左边进行展示文件的展开，故调整c-t+1到c位置的广告位的宽度为0。
S6：展开并展示当前鼠标移入广告位的展示文件，且当鼠标移出广告位时，调整展示文件宽度为0，并将宽度调整为0的广告位的宽度还原为初始宽度，即将宽度为0的广告位的宽度调整为在广告设置区域中其它未调整宽度的广告位相同的宽度。
广告位宽度的缩小和展示文件的展开同步进行，且当鼠标移出广告位时，展示文件的宽度调整为0和广告位宽度的还原均也同步进行，给用户一动态的展示效果，吸引用户的关注，增加和用户间的交互效果。且广告位宽度的缩小和还原，以及展示文件的展开和缩小为0均通过JavaScript(直译式脚本语言)进行实现，对于广告位宽度为0的调整，具体的给广告位添加CSS3属性tansition-duration:40ms即可实现。
对于本发明实施例的web前端横向广告展示方法，以下结合一实例进行具体说明。
参见图2所示，广告设置区域横向分布有4个广告位，分别为a1、a2、a3和a4，当用户的鼠标移动到a1上时，判断a1和a2之间的区域是否存在展示文件a1-d，若不存在，则从服务器端下载展示文件a1-d至a1和a2之间，参见图3所示，此时展示文件a1-d的宽度为0，若展示文件a1-d展开后的宽度为广告位宽度的2倍，则调整a1和a2的宽度为0，并将展示文件a1-d展开，参见图4所示。若当用户的鼠标移动到a4上时，a4对应的展示文件a4-d的宽度为广告位宽度的2倍，则将a3和a4的宽度调整为0，并展示展示文件a4-d，参见图5所示。
本发明的web前端横向广告展示方法的原理在于，在广告设置区域进行多个广告位的横向布置，并给每个广告位添加事件监听函数，以监听鼠标的移入和移出，当鼠标移动到某一广告位上时，则判断广告设置区域是否存在对应的展示文件，当广告设置区域不存在展示文件时，则从网络服务器端进行下载，且下载后的展示文件会保存于广告设置区域，避免同样的文件进行多次下载，有效减轻服务器带宽的消耗，且保证广告详细介绍页面的快速呈现。同时，相关广告位的宽度调整为0以便于展示文件的展示，且广告位宽度的调整和展示文件的展示同步进行，给用户一动态的展示效果，吸引用户的关注，增加和用户间的交互效果，增加广告的吸引力。
对应上述web前端横向广告展示方法，本发明实施例还提供一种存储介质，其上存储有计算机程序，该计算机程序被处理器执行时可实现上述各实施例中的程序启动所需资源创建方法的步骤。需要说明的是，所述存储介质包括U盘、移动硬盘、ROM(Read-OnlyMemory，只读存储器)、RAM(Random Access Memory，随机存取存储器)、磁碟或者光盘等各种可以存储程序代码的介质。
另外，参见图6所示，对应上述web前端横向广告展示方法，本发明实施例还提供一种web前端横向广告展示设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，该处理器执行计算机程序时可实现上述各实施例中的程序启动所需资源创建方法的步骤。
本发明还提供一种基于上述web前端横向广告展示方法的web前端横向广告展示系统，包括布局模块、判断模块和展示模块。
布局模块用于在HTML页面的广告设置区域横向设置多个广告位，且给每个广告位均添加事件监听函数用于监听鼠标的移入和移出；判断模块用于当鼠标移入某一广告位是，判断当前鼠标移入广告位和相邻后一广告位之间区域是否存在当前鼠标移入广告位的展示文件，若存在，则不作处理，若不存在，则从服务器端获取当前鼠标移入广告位的展示文件，并将获取的展示文件存入当前鼠标移入广告位和相邻后一广告位之间区域，并将获取的展示文件的宽度设为0；展示模块用于基于展示文件展示时的宽度，将当前鼠标移入广告位和当前鼠标移入广告位后至少一个广告位的宽度调整为0，以适配展示文件展示时的宽度，然后展开并展示当前鼠标移入广告位的展示文件，同时当鼠标移出广告位时，调整展示文件宽度为0，并将宽度调整为0的广告位的宽度还原为初始宽度。
其中，所述展示文件的宽度为广告位宽度整数倍的广告介绍图片，且展示文件宽度相较于广告位宽度的倍数数值等于宽度调整为0的广告位个数数值。广告位宽度的缩小和展示文件的展开同步进行，且当鼠标移出广告位时，展示文件的宽度调整为0和广告位宽度的还原同步进行。
本发明的web前端横向广告展示系统的原理在于，布局模块在广告设置区域进行多个广告位的横向布置，并给每个广告位添加事件监听函数，以监听鼠标的移入和移出，当鼠标移动到某一广告位上时，判断模块则判断广告设置区域是否存在对应的展示文件，当广告设置区域不存在展示文件时，则从网络服务器端进行下载，且下载后的展示文件会保存于广告设置区域，避免同样的文件进行多次下载，有效减轻服务器带宽的消耗，且保证广告详细介绍页面的快速呈现。同时，相关广告位的宽度调整为0以便于展示文件的展示，且广告位宽度的调整和展示文件的展示同步进行，给用户一动态的展示效果，增加和用户间的交互效果，增加广告的吸引力。
本发明不局限于上述实施方式，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也视为本发明的保护范围之内。本说明书中未作详细描述的内容属于本领域专业技术人员公知的现有技术。

Claims (10)

1.一种web前端横向广告展示方法，其特征在于，包括：
S1：在HTML页面的广告设置区域横向设置多个广告位；
S2：每个广告位均添加事件监听函数用于监听鼠标的移入和移出；
S3：当鼠标移入某一广告位，判断当前鼠标移入广告位和相邻后一广告位之间区域是否存在当前鼠标移入广告位的展示文件，若存在，则转到S5，若不存在，则转到S4；
S4：从服务器端获取当前鼠标移入广告位的展示文件，并将获取的展示文件存入当前鼠标移入广告位和相邻后一广告位之间区域，并将获取的展示文件的宽度设为0，然后转到S5；
S5：基于展示文件展示时的宽度，将当前鼠标移入广告位和当前鼠标移入广告位相邻的至少一个广告位的宽度调整为0，以适配展示文件展示时的宽度；
S6：展开并展示当前鼠标移入广告位的展示文件，且当鼠标移出广告位时，调整展示文件宽度为0，并将宽度调整为0的广告位的宽度还原为初始宽度。
2.如权利要求1所述的一种web前端横向广告展示方法，其特征在于：
所述广告设置区域的各广告位尺寸均相同；
所述广告位采用CSS浮动布置方式设置于广告设置区域。
3.如权利要求2所述的一种web前端横向广告展示方法，其特征在于：所述展示文件的宽度为广告位宽度整数倍的广告介绍图片。
4.如权利要求3所述的一种web前端横向广告展示方法，其特征在于：S5中，展示文件宽度相较于广告位宽度的倍数数值等于宽度调整为0的广告位个数数值。
5.如权利要求4所述的一种web前端横向广告展示方法，其特征在于：S6中，广告位宽度的缩小和展示文件的展开同步进行，且当鼠标移出广告位时，展示文件的宽度调整为0和广告位宽度的还原同步进行。
6.一种存储介质，该存储介质上存储有计算机程序，其特征在于：所述计算机程序被处理器执行时实现权利要求1至5任一项所述的方法。
7.一种web前端横向广告展示设备，包括存储器和处理器，存储器上储存有在处理器上运行的计算机程序，其特征在于：所述处理器执行所述计算机程序时实现权利要求1至5任一项所述的方法。
8.一种web前端横向广告展示系统，其特征在于，包括：
布局模块，其用于在HTML页面的广告设置区域横向设置多个广告位，且给每个广告位均添加事件监听函数用于监听鼠标的移入和移出；
判断模块，其用于当鼠标移入某一广告位是，判断当前鼠标移入广告位和相邻后一广告位之间区域是否存在当前鼠标移入广告位的展示文件，若存在，则不作处理，若不存在，则从服务器端获取当前鼠标移入广告位的展示文件，并将获取的展示文件存入当前鼠标移入广告位和相邻后一广告位之间区域，并将获取的展示文件的宽度设为0；
展示模块，其用于基于展示文件展示时的宽度，将当前鼠标移入广告位和当前鼠标移入广告位相邻的至少一个广告位的宽度调整为0，以适配展示文件展示时的宽度，然后展开并展示当前鼠标移入广告位的展示文件，同时当鼠标移出广告位时，调整展示文件宽度为0，并将宽度调整为0的广告位的宽度还原为初始宽度。
9.如权利要求8所述的一种web前端横向广告展示方法，其特征在于：所述展示文件的宽度为广告位宽度整数倍的详细广告介绍图片，且展示文件宽度相较于广告位宽度的倍数数值等于宽度调整为0的广告位个数数值。
10.如权利要求9所述的一种web前端横向广告展示方法，其特征在于：广告位宽度的缩小和展示文件的展开同步进行，且当鼠标移出广告位时，展示文件的宽度调整为0和广告位宽度的还原同步进行。
CN201710640039.3A 2017-07-31 2017-07-31 web前端横向广告展示方法、存储介质、设备及系统 Active CN109324721B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710640039.3A CN109324721B (zh) 2017-07-31 2017-07-31 web前端横向广告展示方法、存储介质、设备及系统

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710640039.3A CN109324721B (zh) 2017-07-31 2017-07-31 web前端横向广告展示方法、存储介质、设备及系统

Publications (2)

Publication Number Publication Date
CN109324721A true CN109324721A (zh) 2019-02-12
CN109324721B CN109324721B (zh) 2022-03-25

Family

ID=65245456

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710640039.3A Active CN109324721B (zh) 2017-07-31 2017-07-31 web前端横向广告展示方法、存储介质、设备及系统

Country Status (1)

Country Link
CN (1) CN109324721B (zh)

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20120323680A1 (en) * 2009-12-22 2012-12-20 Xin Zhou Display of advertisements
CN103679487A (zh) * 2012-09-05 2014-03-26 阿里巴巴集团控股有限公司 广告展示的监控方法和设备
CN105894334A (zh) * 2016-04-28 2016-08-24 武汉斗鱼网络科技有限公司 一种动态管理网站广告位的方法和系统
CN106095869A (zh) * 2016-06-03 2016-11-09 腾讯科技（深圳）有限公司 广告信息处理方法、用户设备、后台服务器及系统
CN106201248A (zh) * 2016-06-28 2016-12-07 武汉斗鱼网络科技有限公司 前端展示抽屉式广告的交互方法及系统

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20120323680A1 (en) * 2009-12-22 2012-12-20 Xin Zhou Display of advertisements
CN103679487A (zh) * 2012-09-05 2014-03-26 阿里巴巴集团控股有限公司 广告展示的监控方法和设备
CN105894334A (zh) * 2016-04-28 2016-08-24 武汉斗鱼网络科技有限公司 一种动态管理网站广告位的方法和系统
CN106095869A (zh) * 2016-06-03 2016-11-09 腾讯科技（深圳）有限公司 广告信息处理方法、用户设备、后台服务器及系统
CN106201248A (zh) * 2016-06-28 2016-12-07 武汉斗鱼网络科技有限公司 前端展示抽屉式广告的交互方法及系统

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
网络键盘侠客: ""CSS属性之过渡（transition）属性"", 《CSDN》 *

Also Published As

Publication number Publication date
CN109324721B (zh) 2022-03-25

Similar Documents

Publication Publication Date Title
US9875229B2 (en) Template-based page layout for web content
CN103853417B (zh) 网络动态图片的滚动分页显示方法和装置
DE202014010955U1 (de) Verwendung von Kartendaten-Differenzkacheln zur iterativen Bereitstellung von Kartendaten für ein Client-Gerät
CN103761315B (zh) 一种显示网页内容的方法及系统
CN104217037B (zh) 一种在移动终端中显示网页的方法及装置
EP1632874A3 (en) System and method of displaying content on small screen computing devices
CN102364460B (zh) 基于移动终端的页面自动放大方法和系统
JP2014514629A (ja) 一種のウェブページ再組版の方法
CN103677521A (zh) 消息通知显示方法和终端
CN102073650A (zh) 一种网页自适应调节的方法和设备
DE202012013441U1 (de) Wiedergabe von Kartenabbildungen mithilfe von Änderungen von Nicht-Raster Kartendaten
CN105786896A (zh) 一种页面侧边栏的颜色渲染方法及装置
CN109683978B (zh) 一种流式布局界面渲染的方法、装置以及电子设备
KR20140025533A (ko) 정보 처리 장치, 정보 처리 방법 및 정보 처리 프로그램이 기록된 기록 매체
CN105045587B (zh) 一种图片展示方法及装置
CN110020311B (zh) 网页显示方法、浏览器、终端和计算机可读存储介质
JP2021512415A (ja) デジタルコンポーネントのバックドロップレンダリング
US20080295019A1 (en) Document with Sidebars
DE112016002223T5 (de) Konvertieren von Flash-Inhalten zu HTML-Inhalten durch Erzeugen einer Instruktionen-Liste
CN102521219A (zh) 版式与流式混合排版系统及其排版方法
CN109511003A (zh) 一种广告制作和播放的方法
CN107678636A (zh) 电子设备的页面展现方法和装置
CN109324721A (zh) web前端横向广告展示方法、存储介质、设备及系统
CN103020127A (zh) 用于图片的呈现方法和装置
EP1362283B1 (de) Verfahren und vorrichtung zum darstellen eines aus pixeln aufgebauten bildes

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
TR01 Transfer of patent right

Effective date of registration: 20230909

Address after: Room 1202, 12th Floor, No. 121 Guangqunei Street, Dongcheng District, Beijing, 100000

Patentee after: Portas (Beijing) Technology Co.,Ltd.

Address before: 430000 East Lake Development Zone, Wuhan City, Hubei Province, No. 1 Software Park East Road 4.1 Phase B1 Building 11 Building

Patentee before: WUHAN DOUYU NETWORK TECHNOLOGY Co.,Ltd.

TR01 Transfer of patent right