轮播图翻页效果的设置方法、装置及电子设备制造方法及图纸

技术编号:17466837 阅读:17 留言:0更新日期:2018-03-15 04:33
本发明专利技术提供了一种轮播图翻页效果的设置方法、装置及电子设备,涉及计算机软件技术领域,该方法包括:获取用户选取的轮播图的目标翻页效果;根据所述目标翻页效果确定所述轮播图的目标翻页方法;将所述轮播图的当前翻页方法替换为所述目标翻页方法,以使所述轮播图按照所述目标翻页方法展示出所述目标翻页效果。本发明专利技术提供的轮播图翻页效果的设置方法、装置及电子设备,可以提高设置轮播图翻页效果的灵活性,提高用户体验度。

Setting method, carousel figure flip effect device and electronic equipment

【技术实现步骤摘要】
轮播图翻页效果的设置方法、装置及电子设备
本专利技术涉及计算机软件
,尤其是涉及一种轮播图翻页效果的设置方法、装置及电子设备。
技术介绍
轮播图指以轮换方式播放的一组图片。轮播图的原理为:一系列的大小相等的图片平铺,利用CSS(CascadingStyleSheets,层叠样式表)布局只显示一张图片,其余隐藏,通过计算偏移量利用定时器实现自动播放,或通过手动点击事件切换图片。作为一个企业的互联网支撑服务平台,跟大部分的官方网站一样,轮播图是必不可少的元素。官网中的轮播图占据了网页的一大部分位置,用于实时显示最新的动态与活动。官网上的轮播图的翻页效果是固定了的左右滑动效果,轮播图的展示方式比较单一,要更换轮播图的翻页效果,需要用户上线手动修改代码,操作繁琐。综上可知,现有技术中轮播图的展示方式比较单一,用户无法灵活地设置轮播图的翻页效果,用户体验较差。
技术实现思路
有鉴于此,本专利技术的目的在于提供一种轮播图翻页效果的设置方法、装置及电子设备,以提高设置轮播图翻页效果的灵活性,提高用户体验度。第一方面,本专利技术实施例提供了一种轮播图翻页效果的设置方法,所述方法包括:获取用户选取的轮播图的目标翻页效果;根据所述目标翻页效果确定所述轮播图的目标翻页方法;将所述轮播图的当前翻页方法替换为所述目标翻页方法,以使所述轮播图按照所述目标翻页方法展示出所述目标翻页效果。结合第一方面,本专利技术实施例提供了第一方面的第一种可能的实施方式,其中,所述获取用户选取的轮播图的目标翻页效果,包括:接收用户触发的效果设置请求;根据所述效果设置请求中的属性信息,确定所述用户选取的轮播图的目标翻页效果。结合第一方面,本专利技术实施例提供了第一方面的第二种可能的实施方式,其中,所述获取用户选取的轮播图的目标翻页效果,包括:根据用户预先设置的时间与翻页效果的对应规则,判断是否需要对轮播图进行翻页效果的更换操作;如果是,根据所述对应规则确定所述轮播图的目标翻页效果。结合第一方面,本专利技术实施例提供了第一方面的第三种可能的实施方式,其中,所述轮播图包含与翻页效果一一对应的多种翻页方法,每种所述翻页方法单独封装在独立的类中;所述根据所述目标翻页效果确定所述轮播图的目标翻页方法,包括:在所述轮播图的多种所述翻页方法中查找所述目标翻页效果对应的翻页方法,将查找到的翻页方法确定为目标翻页方法。结合第一方面的第三种可能的实施方式,本专利技术实施例提供了第一方面的第四种可能的实施方式,其中,所述方法还包括:当未在多种所述翻页方法中查找到所述目标翻页效果对应的翻页方法时,显示错误提示信息,以提示所述用户重新选取所述轮播图的翻页效果。结合上述第一方面及其任一种可能的实施方式,本专利技术实施例提供了第一方面的第五种可能的实施方式,其中,所述目标翻页效果包括默认效果、淡入淡出效果、左右切换效果、上下切换效果、滑动效果、缩放效果、擦除效果、随机线条效果、旋转效果或百叶窗效果。第二方面,本专利技术实施例还提供一种轮播图翻页效果的设置装置,所述装置包括:获取模块,用于获取用户选取的轮播图的目标翻页效果;确定模块,用于根据所述目标翻页效果确定所述轮播图的目标翻页方法;替换模块,用于将所述轮播图的当前翻页方法替换为所述目标翻页方法,以使所述轮播图按照所述目标翻页方法展示出所述目标翻页效果。结合第二方面,本专利技术实施例提供了第二方面的第一种可能的实施方式,其中,所述获取模块包括:接收单元,用于接收用户触发的效果设置请求;确定单元,用于根据所述效果设置请求中的属性信息,确定所述用户选取的轮播图的目标翻页效果。第三方面,本专利技术实施例还提供一种电子设备,包括存储器、处理器,所述存储器中存储有可在所述处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现上述第一方面及其任一种可能的实施方式所述的方法。第四方面,本专利技术实施例还提供一种具有处理器可执行的非易失的程序代码的计算机可读介质,所述程序代码使所述处理器执行所述第一方面及其任一种可能的实施方式所述方法。本专利技术实施例带来了以下有益效果:本专利技术实施例中,先获取用户选取的轮播图的目标翻页效果,再根据该目标翻页效果确定轮播图的目标翻页方法,最后将该轮播图的当前翻页方法替换为该目标翻页方法,这样就可以使该轮播图按照目标翻页方法展示出目标翻页效果。应用本专利技术实施例提供的轮播图翻页效果的设置方法、装置及电子设备,用户可以个性化设置轮播图的翻页效果,且在设置翻页效果时不需要手动修改代码,操作简单方便,因而提高了设置轮播图翻页效果的灵活性,提高了用户体验度。本专利技术的其他特征和优点将在随后的说明书中阐述,并且,部分地从说明书中变得显而易见,或者通过实施本专利技术而了解。本专利技术的目的和其他优点在说明书、权利要求书以及附图中所特别指出的结构来实现和获得。为使本专利技术的上述目的、特征和优点能更明显易懂,下文特举较佳实施例,并配合所附附图,作详细说明如下。附图说明为了更清楚地说明本专利技术具体实施方式或现有技术中的技术方案,下面将对具体实施方式或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图是本专利技术的一些实施方式,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。图1为本专利技术实施例提供的轮播图翻页效果的设置方法的流程示意图;图2为本专利技术实施例提供的轮播图翻页效果的设置装置的结构示意图;图3为本专利技术实施例提供的轮播图翻页效果的设置装置中获取模块的单元组成示意图;图4为本专利技术实施例提供的电子设备的结构示意图。具体实施方式为使本专利技术实施例的目的、技术方案和优点更加清楚,下面将结合附图对本专利技术的技术方案进行清楚、完整地描述,显然,所描述的实施例是本专利技术一部分实施例,而不是全部的实施例。基于本专利技术中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本专利技术保护的范围。目前轮播图的展示方式比较单一,用户无法灵活地设置轮播图的翻页效果,用户体验较差。基于此,本专利技术实施例提供了一种轮播图翻页效果的设置方法、装置及电子设备,可以提高设置轮播图翻页效果的灵活性,提高用户体验度。为便于对本实施例进行理解,首先对本专利技术实施例所公开的一种轮播图翻页效果的设置方法进行详细介绍。实施例一:本专利技术实施例中的轮播图的结构包括Html(HyperTextMarkupLanguage,超级文本标记语言)布局、Css修饰和Js(javascript,脚本语言)效果。具体地,Html布局为:首先父容器container存放所有内容,子容器list存在图片,子容器buttons存放按钮小圆点。Css修饰为:(1)对盒子模型,文档流的理解,绝对定位问题;(2)注意list的“overflow:hidden;”只显示窗口的一张图片,将左右两边的都隐藏起来;(3)确保buttons中每个容器标签span所在层置顶,将其设置为最顶端。Js效果为:图片li相对ul定位、定时切换、用jQuery的hide隐藏当前active图片,show显示next下一张图片(hide和show均对应默认效果),若下一张图片不存在,则重新显示li:first第一张图片。图1为本专利技术实施例提供的轮播图翻页效果的设置方法的流程示意图,如图1所示,该方法本文档来自技高网...
轮播图翻页效果的设置方法、装置及电子设备

【技术保护点】
一种轮播图翻页效果的设置方法,其特征在于,所述方法包括:获取用户选取的轮播图的目标翻页效果;根据所述目标翻页效果确定所述轮播图的目标翻页方法;将所述轮播图的当前翻页方法替换为所述目标翻页方法,以使所述轮播图按照所述目标翻页方法展示出所述目标翻页效果。

【技术特征摘要】
1.一种轮播图翻页效果的设置方法,其特征在于,所述方法包括:获取用户选取的轮播图的目标翻页效果;根据所述目标翻页效果确定所述轮播图的目标翻页方法;将所述轮播图的当前翻页方法替换为所述目标翻页方法,以使所述轮播图按照所述目标翻页方法展示出所述目标翻页效果。2.根据权利要求1所述的方法,其特征在于,所述获取用户选取的轮播图的目标翻页效果,包括:接收用户触发的效果设置请求;根据所述效果设置请求中的属性信息,确定所述用户选取的轮播图的目标翻页效果。3.根据权利要求1所述的方法,其特征在于,所述获取用户选取的轮播图的目标翻页效果,包括:根据用户预先设置的时间与翻页效果的对应规则,判断是否需要对轮播图进行翻页效果的更换操作;如果是,根据所述对应规则确定所述轮播图的目标翻页效果。4.根据权利要求1所述的方法,其特征在于,所述轮播图包含与翻页效果一一对应的多种翻页方法,每种所述翻页方法单独封装在独立的类中;所述根据所述目标翻页效果确定所述轮播图的目标翻页方法,包括:在所述轮播图的多种所述翻页方法中查找所述目标翻页效果对应的翻页方法,将查找到的翻页方法确定为目标翻页方法。5.根据权利要求4所述的方法,其特征在于,所述方法还包括:当未在多种所述翻页方法中查找到所述目标翻页效...

【专利技术属性】
技术研发人员:沈文策
申请(专利权)人:福建中金在线信息科技有限公司
类型:发明
国别省市:福建,35

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1