一个jQuery插件,用于添加简单的网页滚动效果ScrollMe

一个jQuery插件,用于添加简单的网页滚动效果ScrollMe

 

 

Github地址:https://github.com/nckprsn/scrollme

 

引入核心文件:

 

<script src=’js/jquery.scrollme.js’></script>

 

在html结构中添加属性,示例代码如下:

 

<div class=”scrollme”>

<div

class=”animateme”

data-when=”enter”

data-from=”0.5″

data-to=”0″

data-opacity=”0″

data-translatex=”-200″

data-rotatez=”90″

>

Yup, that’s all.

</div>

</div>

 

Options选项参数如下:

 

when

决定滚动的边界开始和结束,有三个参数:

 

enter:从容器的顶部进入视窗时退出

exit:从容器的底部进入视窗时退出

span:从容器的顶部进入视窗到底部进行视窗

 

from & to

指定滚动边界内动画的起始位置与结束位置,值为: 0 – 1

 

easing

设置动画的形式

 

“easeout”: 缓冲淡出.

“easein”: 缓冲淡入.

“easeinout”: 淡出.

“linear”: 无动画.

 

crop

是否限制滚动边界在文档边界内。值:true 和false

 

opacity

元素的透明度,值:0 – 1

 

scale, scalex, scaley & scalez

指定元素的坐标x,y,z的数值实现滚动动画效果

 

rotatex, rotatey & rotatez

指定元素在X,Y和Z轴的角度旋转数值。

 

translatex, translatey & translatez

指定的距离把动画元素沿X、Y和Z轴数值

文章来源网络,作者:管理,如若转载,请注明出处:https://shuyeidc.com/wp/115314.html<

(0)
管理的头像管理
上一篇2025-02-18 01:41
下一篇 2025-02-18 01:43

相关推荐

  • 高防服务器的防御原理是什么,如何选择高防服务器?

    高防服务器的防御原理,简单说就是通过流量清洗、防火墙规则和黑洞路由等机制,在攻击流量到达业务服务器之前将其过滤或阻断,从而保障正常访问,流量清洗机制是核心防线高防服务器对抗DDoS攻击,靠的不是单一技术,而是一套组合动作,最常见的攻击类型是流量型攻击,比如UDP洪水、SYN洪水、ICMP放大等,核心思路是耗尽带……

    2026-07-26
    0
  • BGP线路到底是什么意思呢,有什么优势?

    BGP线路是一种通过边界网关协议实现多运营商网络互联的接入方式,能自动选择最优路径,极大提升跨网访问速度和稳定性,是解决国内南北网络瓶颈的核心方案,什么是BGP线路BGP,全称Border Gateway Protocol,边界网关协议,是互联网核心路由协议之一,它负责在自治系统之间交换网络可达性信息,BGP线……

    2026-07-26
    0
  • 增值电信业务经营许可证对IDC有多重要,如何办理?

    增值电信业务经营许可证是IDC服务商合法运营的核心凭证,它直接决定了机房能否接入骨干网、客户能否放心托管业务,以及服务商自身能否长期稳定发展,许可证是IDC进入市场的硬门槛互联网数据中心业务属于增值电信业务中的B1类,依据工信部《电信业务经营许可管理办法》,任何从事服务器托管、虚拟主机、云服务等业务的企业,必须……

    2026-07-26
    0
  • 站群服务器一个IP放几个网站合适?,怎么选

    站群服务器一个IP放3-5个网站是大多数情况下的最佳平衡点,但具体数量需根据网站权重、内容质量及IP资源成本灵活调整,这个结论基于搜索引擎对同IP站点的关联判定逻辑,以及站群运营的长期实践,如果你刚接触站群,可能会纠结于IP分配,但核心原则是:不要让搜索引擎轻易识别出这些网站属于同一实体,站群IP分配的底层逻辑……

    2026-07-26
    0
  • DDoS攻击和CC攻击有什么区别,怎么防御?

    DDoS攻击和CC攻击最核心的区别在于攻击目标不同:DDoS攻击主要消耗网络带宽和基础设施资源,而CC攻击专门针对应用层逻辑,耗尽服务器CPU和数据库连接数,两者从原理到防御手段完全不同,攻防视角下的本质差异攻击目标:一个砸门,一个撬锁DDoS攻击(分布式拒绝服务)瞄准的是网络层和传输层,通过大量伪造数据包或畸……

    2026-07-26
    0

发表回复

您的邮箱地址不会被公开。必填项已用 * 标注