一种实现网络页面轮播特效的方法.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN108536439A(43)申请公布日2018.09.14(21)申请号201710120692.7(22)申请日2017.03.02(71)申请人塞纳德（北京）信息技术有限公司地址100080北京市海淀区知春路113号银网中心A座9层910-911室(72)发明人史磊朝革图张京秋卢述齐高婧王抒音(74)专利代理机构北京德和衡律师事务所11405代理人姚克枫(51)Int.Cl.G06F8/38(2018.01)权利要求书1页说明书4页附图1页(54)发明名称一种实现网络页面轮播特效的方法(57)摘要本发明公开了一种实现网络页面轮播特效的方法，其包括：步骤1)分配网络页面中需要轮播的引用元素图片和页面中的轮播容器ID；步骤2)通过接口代码获取jQuery插件，该jQuery插件中包括多个速度曲线公式的代码；步骤3)获取用户设定的轮播特效，根据jQuery插件的相应代码，并根据引用元素图片和页面中的轮播容器ID，实现相应的页面轮播。CN108536439ACN108536439A权利要求书1/1页1.一种实现网络页面轮播特效的方法，其特征在于，包括：步骤1)分配网络页面中需要轮播的引用元素图片和页面中的轮播容器ID；步骤2)通过接口代码获取jQuery插件，该jQuery插件中包括多个速度曲线公式的代码；步骤3)获取用户设定的轮播特效，根据jQuery插件的相应代码，并根据引用元素图片和页面中的轮播容器ID，实现相应的页面轮播。2.根据权利要求1所述的实现网络页面轮播特效的方法，其特征在于，步骤3)中，具体包括：通过调用相应的速度曲线公式的函数，实现自动轮播；或者，接收用户的操作指令，实现手动触发轮播。3.根据权利要求2所述的实现网络页面轮播特效的方法，其特征在于，步骤3)中，通过调用相应的速度曲线公式的函数，实现自动轮播，包括：按照时间间隔按照轮播方向并按照指定的速度曲线触发图片轮播，每次一帧。4.根据权利要求2所述的实现网络页面轮播特效的方法，其特征在于，步骤3)中，接收用户的操作指令，实现手动触发轮播，具体包括：接收用户的手动触发；如当前不是结尾帧向第一帧轮播或第一帧向结尾帧单帧轮播的情况，则具体包括：计算出当前所在帧x，目标帧y，判断x与y是否重合，如果没有重合，首先判断是否有正在进行的轮播动作，有则立即停止当前轮播动作；。算出x与y的总距离，如果重合，则无视此次触发；利用速度曲线公式，将距离分割为m份，以25毫秒的间将图片容器隔依次移动m中保存的第n个数值的距离，总耗时为t，其中，n表示第几次移动；其中，如果在总耗时t期间，再次触发滚动，则重复以上。5.根据权利要求2所述的实现网络页面轮播特效的方法，其特征在于，步骤3)中，接收用户的操作指令，实现手动触发轮播，具体包括：如当前是结尾帧向第一帧滚动或第一帧向结尾帧单帧轮播时，则包括：将第一帧图片，移动到最后一帧之后；利用速度曲线公式，将距离分割为m份，以25毫秒的间将图片容器隔依次移动m中保存的第n个数值的距离，总耗时为t，其中，n表示第几次移动；重新按照初始状态排列图片。2CN108536439A说明书1/4页一种实现网络页面轮播特效的方法技术领域[0001]本发明属于互联网领域，涉及一种实现网络页面中图片轮播特效的方法。背景技术[0002]目前，在互联网网络页面设计过程中，经常需要实现网络页面图片轮播，其中，现有大多需要调用复杂的代码，且在图片滚动轮播的时候，滚动动作一旦开始，必须要等到动作完全结束才能继续操作，中间的操作被无视。发明内容[0003]本发明所要解决的技术问题是提供一种实现网络页面中图片轮播特效的方法。[0004]本发明解决上述技术问题所采取的技术方案如下：[0005]一种实现网络页面轮播特效的方法，包括：[0006]步骤1)分配网络页面中需要轮播的引用元素图片和页面中的轮播容器ID；[0007]步骤2)通过接口代码获取jQuery插件，该jQuery插件中包括多个速度曲线公式的代码；[0008]步骤3)获取用户设定的轮播特效，根据jQuery插件的相应代码，并根据引用元素图片和页面中的轮播容器ID，实现相应的页面轮播。[0009]优选的是，步骤3)中，具体包括：[0010]通过调用相应的速度曲线公式的函数，实现自动轮播；或者，接收用户的操作指令，实现手动触发轮播。[0011]优选的是，步骤3)中，通过调用相应的速度曲线公式的函数，实现自动轮播，包括：[0012]按照时间间隔按照轮播方向并按照指定的速度曲线触发图片轮播，每次一帧。[0013]优选的是，步骤3)中，接收用户的操作指令，实现手动触发轮播，具体包括：[0014]接收用户的手动触发；[0015]如当前不是结尾帧向第一