发布网友 发布时间:2022-04-23 08:59
共13个回答
懂视网 时间:2022-05-15 18:47
一、(页面在向下滚动的时候,有些元素会产生细小的动画效果。虽然动画比较小,但却能吸引你的注意。)
刚知道wow.js这个插件,之前访问别的网站下拉滚动条会出现各种效果感觉特别神奇,现在自己依葫芦画瓢也能弄出来这种效果了。
虽然效果出来了,但是网上并没有整理好的各种特效对应的类名,所以写一篇通俗易懂(最起码自己能看懂)的文章供大家参考学习。(^_^)
二、首先说明一下怎么使用这个插件:
1、wow.js依赖于animate.css,首先在头部引用animate.css或者animate.min.css。
<link rel="stylesheet" type="text/css" href="css/animate.min.css">
2、在最底部引用wow.js或者wow.min.js,然后再下面再写一行javascript代码。(无需引用jQuery)
<script type="text/javascript" src="js/wow.min.js"></script> <script type="text/javascript"> new WOW().init(); </script>
注意new WOW().init();中的WOW要大写,否则就没效果了。
2、在最底部引用wow.js或者wow.min.js,然后再下面再写一行javascript代码。(无需引用jQuery)
3、在css下方js上方写需要动画的元素(必须设置为块状或者行内块状!必须设置为块状或者行内块状!必须设置为块状或者行内块状!),并添加class类名。
<p class="wow slideInLeft" data-wow-duration="2s" data-wow-delay="5s" data-wow-offset="10" data-wow-iteration="10"></p>
类名前面的wow是每一个带动画的元素都要加的,slideInLeft就是说明动画样式。后面的
data-wow-duration(动画持续时间)、
data-wow-delay(动画延迟时间)、
data-wow-offset(元素的位置露出后距离底部多少像素执行)
data-wow-iteration(动画执行次数)
这四个属性可选可不选。
4、为了写文章专门测试了一下data-wow-offset和data-wow-iteration这两个属性,其中data-wow-offset="数值"中的数值是动画完成后元素距离显示器底部的位置,而不是距离浏览器窗口底部的位置。
三、步入正题,下面依次测试各种class类名的动画效果。(力求通俗易懂)
wow rollIn | 从左到右、顺时针滚动、透明度从100%变化至设定值 |
wow bounceIn | 从原位置出现,由小变大超出设定值,再变小小于设定值,再回归设定值、透明度从100%变化至设定值 |
wow bounceInUp | 从下往上、窜上来以后会向上超出一部分然后弹回去、透明度为设定值不变 |
wow bounceInDown | 从上往下、掉下来以后会向下超出一部分然后弹跳一下、透明度为设定值不变 |
wow bounceInLeft | 从左往右、移过来以后会向右超出一部分然后往左弹一下、透明度为设定值不变 |
wow bounceInRight | 从右往左、移过来以后会向左超出一部分然后往右弹一下、透明度为设定值不变 |
wow slideInUp | 从下往上、上来后固定到设定位置、透明度为设定值不变(up是从下往上)(如果元素在最下面,会撑开盒子高度) |
wow slideInDown | 从上往下、上来后固定到设定位置、透明度为设定值不变 |
wow slideInLeft | 从左往右、上来后固定到设定位置、透明度为设定值不变(left却是从左往右) |
wow slideInRight | 从右往左、上来后固定到设定位置、透明度为设定值不变 |
wow lightSpeedIn | 从右往左、头部先向右倾斜,又向左倾斜,最后变为原来的形状、透明度从100%变化至设定值 |
wow pulse | 原位置放大一点点在缩小至原本大小、透明度为设定值不变(配合动画执行次数属性效果更佳) |
wow flipInX | 原位置后仰前栽、透明度从100%变化至设定值 |
wow flipInY | 原位置左右旋动、透明度从100%变化至设定值 |
wow bounce | 上下抖动、透明度为设定值不变(配合动画执行次数和动画持续时间属性可以实现剧烈抖动亦或是慢慢抖) |
wow shake | 左右抖动、透明度为设定值不变(配合动画执行次数和动画持续时间属性可以实现剧烈抖动亦或是慢慢抖) |
wow swing | 从右往左、头部先向右倾斜,又向左倾斜,最后变为原来的形状、透明度为设定值不变 |
wow bounceInU | 原位置不变、直接从不显示到显示(无过过渡效果) |
wow wobble | 原位置不变、类似于一个人站在那左右晃头、透明度为设定值不变 |
测试了这么多终于摸到窍门了,打开引用的animate.css或者animate.min.css,里面@keyframes定义了各种动画,将wow后面的类名替换一下测试效果就可以了。
**************************************************************** https://daneden.github.io/animate.css/ 也可以在这个地方看各种演示 ****************************************************************
四、配合data-wow-duration(动画持续时间)、data-wow-delay(动画延迟时间)、data-wow-offset(元素的位置露出后距离底部多少像素执行)和data-wow-iteration(动画执行次数)这四个属性可以完成很多效果,主要还是多实践。
五、IE6、IE7 等老旧浏览器不支持 CSS3 动画,所以没有效果;而 wow.js 也使用了 querySelectorAll 方法,IE 低版本会报错。为了达到更好的兼容,最好加一个浏览器及版本判断。
热心网友 时间:2022-05-15 15:55
1耐=10生命;
1智=15法力+XX%法爆(等级不同,加成不同);
其他不同职业,加成不同。
力量:影响护甲,近战攻击强度;
敏捷:影响近战攻击强度,远程攻击强度,暴击率;
精神:魔法恢复速度;
智力还影响武器熟练度、提升速度(就是你练武器技能的时候,智力越高,越容易提升)。
装备还有:
护甲:物理伤害免除百分比;
抗性:抵抗法术几率;
穿透:无视对方多少护甲;
法术穿透:无视XX抗性;
法爆,攻爆:暴击率大小;
命中:减少"未命中"次数;
攻击强度:影响物理攻击;
法术强度:影响法术攻击;
治疗效果=法术强度X1.8。
扩展资料:
在《魔兽世界》中的属性可区分为两种类别,主属性与副属性。主属性包含有力量、敏捷、智力与耐力,它们的特色就是明确地增加角色的攻击数值、法力与血量。
而在4.0之前,副属性涵盖的范围非常地广,包含有熟练、命中、加速、致命、闪躲、招架、格挡、防御技能与精神,这些属性虽然无法明确地显示增加多少攻击数值或坦克生存率,但是依然能有效提升输出职业的伤害量或坦克的生存。
副属性依照分类还可分为共通与非共通属性。命中、加速与致命可归类为共通属性,或许不是每个职业或天赋都适合这些属性,但是这两种属性对他们来说仅仅只是不适合,而不是没有用。
非共通属性依照职业性质可为三种类型,物理类、法术类与坦克类。熟练是归类为物理属性,精神是属於法术类,而闪躲、招架、格挡与防御技能就是坦克类。坦克或物理输出职不会想要精神属性来增加回魔量。
相对地,补师与法系输出职也不会想要熟练,因为他们的法术不会被闪躲或招架。最重要的是,只有坦克们才会需要闪躲、招架、格挡与防御技能,而其他天赋的职业即使撑高这些属性,也无法挡住王的一招半式。
热心网友 时间:2022-05-15 17:13
1.对于物理DPS来说,近战中战士,DK(死骑),骑士,1点力量=2点攻击强度,人物的主手武器攻击上限和攻击强度也就是AP有关.热心网友 时间:2022-05-15 18:48
综述:WOW中的属性在总体上分为热心网友 时间:2022-05-15 20:39
wow中的属性,分为一级属性和二级属性两种。热心网友 时间:2022-05-15 22:47
不同的属性对不同的职业的作用是不同的!热心网友 时间:2022-05-16 01:12
1。力量 增加近战武器的攻击能量。热心网友 时间:2022-05-16 03:53
力量--近战职业增加攻击力,攻击强度,战士T职业可以增加格挡, (攻击强度决定伤害)热心网友 时间:2022-05-16 06:51
不同职业的属性作用不太一样。热心网友 时间:2022-05-16 10:06
我简单的说一下,可能不太准确,仅供参考。热心网友 时间:2022-05-16 13:37
力量→物理攻击力,攻击强度是和普通攻击及物理技能的伤害有关;耐力→血量,与“物理防御”有关,血厚代表耐抗。敏捷代表需敏职业的加攻强和闪避,其他职业一般加闪避;智力→蓝条,与“法术伤害”基本无关,有一定暴击加成;法术强度和物理的攻击强度是一个概念,它属于法系?急速→读条快、物攻变快,对公共CD有影响。耐力和护甲的高低无关。还有防御等级是之作用于PVE,主要和NPC攻击你是否造成暴击有关,急速等级越高,读条越快,物攻越快。精神只等于回蓝吗?也和某些特定技能有关。热心网友 时间:2022-05-16 17:25
进游戏 按C 或者点工具栏的人头打开人物面板热心网友 时间:2022-05-16 21:30
五大属性与职业、天赋有关,而各不相同。你是什么职业天赋才好回答你这个问题