如何给html页面添加动态等待效果

JavaScript026

如何给html页面添加动态等待效果,第1张

1、直接贴图:

在界面上贴一个gif动态等待效果图片

gif图片获取方式:网上找素材,会ps的可以自己制作

<img src="wait.gif" />

2、CSS3/SVG/HTML5 Canvas手动绘制等待效果:

这种效果:网上有很多类似素材,可以根据需要选择,或使用上述技术绘制

下面提供一个CSS3绘制的范例

<style>

.loading {

width:0

height:0

border-right:20px solid #fff

border-top:20px solid #000

border-left:20px solid #fff

border-bottom:20px solid #000

border-radius: 20px

-moz-border-radius: 20px

-webkit-border-radius: 20px

}

.loading {

animation: bganim 0.6s linear 0s infinite

-moz-animation: bganim 0.6s linear 0s infinite

-webkit-animation: bganim 0.6s linear 0s infinite

}

@keyframes bganim {

from { transform:rotate(0deg)} to { transform:rotate(360deg)}

}

@-moz-keyframes bganim {

from { -moz-transform:rotate(0deg)} to { -moz-transform:rotate(360deg)}

}

@-webkit-keyframes bganim {

from { -webkit-transform:rotate(0deg)} to { -webkit-transform:rotate(360deg)}

}

</style>

<label>CSS3效果</label>

<div class="loading"></div>

-------------------------------------------------

效果如下图:

运行机制很简单,先手动绘制一个静态的图,然后控制对应div进行360度旋转,即可实现

3、使用js等待效果插件(如:spin.js)

JS

-----------------------------------------------------

var opts = {

lines: 9,

length: 0,

width: 15,

radius: 20,

corners: 1,

rotate: 0,

direction: 1,

color: '#0101DF',

speed: 1,

trail: 34,

shadow: false,

hwaccel: false,

className: 'spinner',

zIndex: 2e9,

top: '50%',

left: '50%'

}

var target = document.getElementById('img_wait')

var spinner = new Spinner(opts).spin(target)

7

html

---------------------------------

<div id="img_wait"></div>

是修改技能吧

要用的软件是 winhex 百度可以找见的

下好后 首先打开winhex.exe

点击 文件-打开-选择 您电脑上挑战归来目录里"data"文件夹里的pack.d04文件。

打开后

按组合键CTRL+F 呼出查找文本框,输入index,XXX(XXX代表你要修改的技能编号)

在.“整字匹配”前面打上勾,搜索(E): 选择“全部” 然后点确定

之后再按下F3 如果提示"index,xx未找到" 那就是我们要找的 没提示就再按一下直到提示"index,xx未找到" 然后就有下面的了

Index,xxx,,,,,,,,,,,, 技能编号

MaxLevel,10,,,,,,,,,,,, 技能最高等级

MaxStyleCode,4,,,,,,,,,,,, 未知

Name,颇捞绢 腔府 技能名称

Distance,14技能使用距离(这里的14代表攻击距离调成25到35最合适)远程技能可用

改好了距离以后,我们按CTRL+F

输入 "LevelIndex" 搜索(E): 选择“向下” 来到技能等级详细设定 后面有很多的如下面的

1,0,58,-,-,0,-,-,-,1,0,402,1,0,13000,1,3,0,274,0,0

2,1,68,-,-,0,-,-,-,1,0,402,1,0,13500,11,13,0,320,0,0

以英文逗号为分隔符号 如果你游戏里技能是1级的话只要把第一行倒数第5个也就是“3”改为121或161就可以了

如果你游戏里技能是2级的话只要把第二行倒数第5个也就是“13”改为121或161就可以了

后面一样 其他技能也是这样改的 技能几级就改第几行就 OK 改好后 点保存 就可以上游戏了 试下效果 以下是各职业技能代码

----------------------------------------------------------------------------------------------- ~\^8 ^

所有挑战职业技能代码!

[骑士] 0wcWDE 9

1剑术掌握K_1_1_SwordMastery.csv o7 seGw<$X

2狂暴劈击K_1_1_ShapenBlade.csv G#v7-&Yl6

3剑术防御K_1_1_SwordDefense.csv V:J6eks_

4突击K_1_1_FatalLunge.csv t79MBgZ

5钉头锤掌握K_1_1_AirSmashing.csv u{,^#I}

101格挡K_2_2_Nimbleness.csv i=T/}c)

102热情K_2_2_WindRush.csv ENzeVtw0

103连击K_2_2_AttackAcceleration.csv VJaL$Wv)H

104圣灵护体K_2_2_Insensibility.csv th)jEKZ

21钉头锤掌握K_1_2_MaceMastery.csv O.dNhd$

22破甲K_1_2_ArmorBreaker.csv ^l,Jbt

23猛击K_1_2_MaceBash.csv Z*RCuwg

24地震K_1_2_HeavyBlow.csv 4$"Lf'sH6

25落神锤K_1_2_SolarEvil.csv S}/CzQ

121致命重击K_3_3_DualAdvance.csv ))N^)HR

122剑气斩K_3_3_SpoutAnger.csv Fk4 3sqU6~

123致命乱舞K_3_3_FatalHash.csv ".u?-xcbJ

124狂斩K_3_3_Brandish.csv -1R~3j1_

41斧掌握K_1_3_AxeMastery.csv TwN8|ibVmP

42重砍K_1_3_BleedSlash.csv ,Y!)V

43断筋K_1_3_AchillesTendon.csv e.T5F`Du

44割腕K_1_3_WristChop.csv ,y.0 Cb0

45牙突K_1_3_SonicMassacre.csv F8/@/B

141盾牌掌握K_3_1_ShieldMastery.csv u-Vnmig9

142盾击K_3_1_ShieldShove.csv f t7wMi

143盾震K_3_1_BlindJab.csv 5~ kf:U%~

144迅捷K_3_3_PowerStrike.csv nRGH58

145神圣护盾K_3_1_BounceDefender.csv S8y4 p0mV

61双手武器K_1_4_DualMastery.csv "*0 szz'

62双手攻击K_1_4_CrossPiercing.csv WC4Il C

63暴怒斩K_1_4_CycloneSlash.csv @MM|.# ~T

64虚空刃K_1_4_EnergeticBlade.csv iqU}t2vFrj

65六合斩K_1_4_EigenDash.csv p)oW'#@a

161重武器掌握K_3_2_TwohandMastery.csv :J"e{|g',

162迅击K_3_2_TripleAttack.csv z TK

163狂暴K_3_2_Berserk.csv %:y-"m1\u$

164元气之力K_3_2_Genocide.csv 2::T,Z

81强韧K_2_1_Toughness.csv nuQ"\ G

82虔诚K_2_1_HealthStrengthen.csv 4?&=H *H:

83跳斩K_2_1_JumpingCrash.csv Bj2rA.M

84旋风斩K_2_1_WhirlWind.csv \-B>']:R4

85天神合一K_2_1_SoulKnight.csv jzV#%O{`

86蜂刺K_2_1_DivideSphere.csv hImCy9i}

181钓鱼掌握K_Nac.csv J h"]iN

#:yZJS9f9

----------------------------------------------------------------------------------------------- ~\^8 ^

[弓箭手] I@\{6hw

201弓掌握A_1_1_BowMastery.csv Ns $PS\

202弩掌握A_1_1_CrossMastery.csv fx|9*|E

203扫射箭A_1_1_MultipleShot.csv p[wjHfIq

204爆击箭A_1_1_StrikeShot.csv ^J G }|v3$

205加力箭A_1_1_SquallShot.csv >!2'|y^

206豪雨箭A_1_1_TriangleShot.csv KYQ6U.%W

207穿刺箭A_1_1_PiercingShot.csv i!iODt3k

208制导箭A_1_1_GuideShot.csv e,BJD>N ?

209寻隙箭A_1_1_VulnerablePoint.csv M]'AA Uo8

210感应箭A_1_1_WonderFiring.csv IlrmXSr

211诅咒箭A_1_1_Crowwings.csv 7jPmI

212闪击A_1_1_WindShaft.csv $Yka\tS'

213女神的气息A_1_1_FioreNovas.csv _e'mG'P(

214神力潜能A_1_1_DemolitionBomb.csv D8ly8]H

221精确掌握A_1_2_Criticalfire.csv cG?266{g

241火焰箭A_1_3_FireArrow.csv Ie~~LU

242冰冻箭A_1_3_IceArrow.csv NSq"\A\

243剧毒箭A_1_3_PoisonArrow.csv 2Kidbf

244爆裂箭A_1_3_ExplosionArrow.csv ,zFN3NLtA

245蓄力箭A_1_3_SlowArrow.csv sn( }5

341凌波微步A_3_2_QuicknessMove.csv )sHPIxHI

342突击箭A_3_2_Speed.csv UwU]l 17~

361治疗术A_3_3_FirstAid.csv ooQ(bF

362生命结界A_3_3_TerasMagic.csv H~Cfni

281肉搏掌握A_2_1_CombatMastery.csv 9[D7N

282猛刺A_2_2_ViolentStab.csv 1*h7L<#|mQ

283费傅绢琶A_2_2_RollingAttack.csv K }BX6dA

284死亡反击A_2_2_SilentKiller.csv vEGK {rMA

285地刃剑A_2_2_DeadSpin.csv $P3nP=mf

381钓鱼掌握A_Nac.csv '9@R=#nd

03@| dN

----------------------------------------------------------------------------------------------- 98^6 {p

[魔法师] Ck?:8YlF

401能量掌握M_1_1_EnergyMastery.csv uszSFe]E

402能量穿刺M_1_1_EnergyJap.csv i&)C,

403能量罩M_1_4_SizNimbus.csv (}1f]$V

404天授圣锤M_1_1_EnergyHammer.csv ~e9INZe-j

405能量穿透M_1_1_EnergyBlot.csv ~79Qg{+]N

406神性损伤M_1_1_SpoilDivinity.csv y51D-vj

407极暴圣泉M_1_1_AquaShackle.csv c0q)

421魔法能量M_1_2_ManaCharge.csv NqE7[wH

422能量摄取M_1_2_UruzGain.csv iLcadX

501冰冻掌握M_3_1_IceMastery.csv h\*rv5\M

502冰球术M_3_2_IceBolt.csv IC.<)I

503冰环术M_3_2_IceWave.csv g*?+ ~0"`Y

504冰冻穿刺M_3_2_IceSpike.csv )-KE4/G

505冰风暴M_3_2_IceStorm.csv a&aPBv1

506玄冰乱舞M_3_2_IceBlanket.csv [=ak >>8

507寒冬气息M_3_2_FreezingSpirit.csv GL =XiBt

508暴风冰暴 M_3_2_GlaciersEddy.csv "Xk%3\{P

441魔力提升M_1_3_ManaReinforcement.csv j /dE6d

541电击掌握M_4_1_LightingMastery.csv ]n]uN~)9

542电击球M_4_2_LightingBolt.csv ?V)C9@bp

543电击锁链M_4_2_ChainLighting.csv v7<S F

544雷电风暴M_4_2_LightingCircle.csv oz0n$`O$/

545雷霆一击M_4_2_LightingChase.csv r5!x,{E6

546雷电乱舞M_4_2_CrueltyLightning.csv O`[iz/7m

547天雷闪M_4_2_ThunderSphere.csv nze1]3`

548电极磁场M_4_2_EmittedFlash.csv ]Z$TzT&@%

461火焰掌握M_2_1_FireMastery.csv +)JN Fy-

462小火球术M_2_2_FireBolt.csv <5ft6a2fQ

463大火球术M_2_2_FireBall.csv _/jUs_W

464火焰风暴M_2_2_FireFury.csv )+w/\~@

465烈焰柱M_2_2_FfireBlaze.csv t(j_eq}J

466真火乱舞M_2_2_FlameBombing.csv T\2) $

467凤舞朝天M_2_2_BurstPhoenix.csv >h,y\uV1

468神迹火焰M_2_2_InfernalPillar.csv CQBT::

581钓鱼掌握M_Nac.csv o <D3Y95b

Mt[Bq6}ZD

---------------------------------------------------------------------------------------------- S_T {L

[驱魔师] HUU >hq9

601召唤掌握S_1_1_BeastMastery.csv rV8(ia

602召唤杰格鲁斯S_1_1_Regulus.csv ~:/%/-^

603召唤格鲁佩恩S_1_1_Grupain.csv !y>lOw})Q

604召唤炙炎天使S_1_1_Selaim.csv wUru1_zjO

605伊夫利特S_1_1_Vulagon.csv 3E<aiGU

606召唤阿加利斯S_1_1_Agares.csv vQ:x% =]

621死亡飞旋S_1_2_Boomerang.csv /{fZH,!L

622地狱雷陨S_1_2_Meteor.csv :0M' =~[

721双手武器S_4_1_TwinMastery.csv ~8jThi U

722瘟疫波S_4_1_EboltShot.csv !(W[!%

723魔界巨剑S_4_1_SpritDagger.csv 2yl6~(JC+

724暗影蝙蝠S_4_1_BloodBats.csv - waX#U T=

725疾风剑S_4_1_DevilSwing.csv &[NVP&9&U

726刀刃术S_4_1_BladeSpin.csv i%xI9BO9

727堕落掌握S_4_1_ViciousMastery.csv !IO&&\5

728魔界荆棘S_4_1_ViciousThorn.csv !$D&6M|C8l

729风刃剑S_4_1_BladeDance.csv !-KCFMvT

730召唤怨灵S_4_1_SummonGhost.csv 5_v5

731毒剑S_4_1_PoisonSword.csv d?JAUbqy

732毒雾爆发S_4_1_InfectedEarth.csv +z+ F-

733惊天剑S_4_1_ViciousMirror.csv ] t*33

734毒素连击S_4_1_VenomLight.csv <sa #|Y$

735地狱召唤S_4_1_HellBurst.csv 5xhM0 (

736守护S_4_1_CrossHack.csv TS1pR"6l

737毒魔结界S_4_1_Palpus.csv gRHtgR)T3

738黑暗化身S_4_1_DarkAvatar.csv @]*[c})/

739暗影毒雾S_4_1_IncreasePoison.csv wXz\NGW

740复仇之影S_4_1_ShadowVengeance.csv U4=]#=R~o

741魔鬼皮肤S_4_2_LowerBoundSkin.csv TM)u?t+[

641生命掌握S_2_1_LibidoMastery.csv uN8/Q2

642召唤狼蛛S_2_1_Tarantula.csv P`tyBe#=

643召唤奥德巴瑞S_2_1_Aldebaran.csv *-6?

644召唤泰坦S_2_1_Tentator.csv +N7"EROc

645伊鲁特S_2_1_Anathema.csv Z0 aUHWms

646召唤姆斯佩恩S_2_1_Muspell.csv )J&|\m(e

661剑刺连击S_2_2_SwordBigor.csv S#mK Pi+3

662恶魔波动S_2_2_ForceWave.csv ##v`(#fu

781钓鱼掌握S_Nac.csv V3Yd&HVWNQ

(vnoP<0

--------------------------------------------------------------------------------------------------- ctHEEFWm

[巫师] 57<Di!rt

801复苏掌握H_1_1_HealingMastery.csv Q ?^4\_

802疗伤术H_1_1_WoundHealing.csv z0 \N{rP&

803医疗术H_1_1_FastHealing.csv W~yLl%

804群疗术H_1_1_Hyperheal.csv 7h`^N5H.q

805圣光术H_1_1_Recover.csv KUFz:&wK

806神佑术H_1_1_SelfHealing.csv #A )Ab%r8"

821福至心灵H_1_2_RaiseingGuard.csv Mg\TH./Y:

822魔力盾牌H_1_2_MagicShield.csv )~dOmfw%|

823神威术H_1_2_IncreaseAttack.csv ~b6GrY"vB

824神咒术H_1_2_DarkCircle.csv n"Z |e tZ4

921血液掌握H_3_1_BloodMastery.csv V{ |[oIp

922血镰术H_3_1_DeathScythe.csv qrE0H

923骨矛术H_3_1_EvilSpear.csv WFDCPQ@

924疯魔杖H_3_1_BarrageHit.csv :tbd,Uo

821福至心灵H_1_2_RaiseingGuard.csv (w$'o*z(

822魔力盾牌H_1_2_MagicShield.csv 3{RL \gh$"

823神威术H_1_2_IncreaseAttack.csv x0<^<D&Q

824神咒术H_1_2_DarkCircle.csv C:j]43`

841祈祷之力H_1_3_GrateGuard.csv J\A8qh8

842神圣之光H_1_3_DivineShield.csv H~Uq?!=b

843战鼓之声 H_1_3_AmazingAttack.csv A[JM4x

926恶灵攻击H_3_1_RuinsSkull.csv L~&" aF/b

927死亡交涉H_3_1_Dreadnail.csv AC4 l<:Yh

928邪恶指甲H_3_1_Evilsclaw.csv jQ$BPEG&X

929死亡血劫H_3_1_SpiritEmission.csv GOVAb'

930魔性洗礼H_3_1_RisePierce.csv c!9\1sr

861诅咒掌握H_2_1_CurseMastery.csv a.,_4'UE1

862逆血术H_2_1_Backdraft.csv M[s\E4l:t

863吸星术H_2_1_Vampire.csv ?OsS`)T

864蚀骨咒H_2_1_Cursefield.csv g^j7@dum

881定身术H_2_2_Paralyze.csv W4vBf^eC

882弱魔术H_2_2_AntiMagic.csv #T"64%dX

883虚弱术H_2_2_DecreaseAttack.csv , N 344y

884腐甲术H_2_2_Diminish.csv N-QCfDao

981钓鱼掌握H_Nac.csv x'i0KF

&7Kb]Ti

----------------------------------------------------------------------------------------------- m6MaX}&zv

[狂战士] 5^2TfG9

1001狂暴之击B_1_1_WildBash.csv *"T+G*~

1002格斗掌握B_1_1_MartialAtrsMastery.csv OjATSmZ@@

1003双击B_1_1_DoubleSmash.csv MYx88y

1004组合拳B_1_1_HardBlow.csv f4 O]`U

1005风暴之拳B_1_1_ShockWave.csv ^A#x<J+

1006雷电之拳B_1_1_TripleRavage.csv H:MUNc8i

1007猛兽之拳B_1_1_MadBarrage.csv w%2ziwgh

1008霸者之拳B_1_1_SpiritsShout.csv 2Fq=jOA)z$

1009爆裂之拳B_1_1_Carnage.csv _yJ|`g]U3

1101魂之净化B_2_1_SpirtMastery.csv M:(&n@e

1102魂之打击B_2_1_ChainBurst.csv zzE]M}s

1103魂之震撼B_2_1_EarthQuake.csv 9 tAE#A

1104魂之怒风B_2_1_Violentgale.csv !mae^A1

1105魂之暴虐B_2_1_Outrage.csv cqjl5UB

1106魂之旋风B_2_1_Tornado.csv 5Kee2s?*

1107烈电火焰B_2_1_DeadSpark.csv =-m(\ }

1021战斗精神B_1_2_InstinctSpeed.csv TJ7+0

1022战斗意志B_1_2_InstinctPower.csv [\a:4vDAbi

1023决死命令B_1_2_BullsCry.csv (H P z

1024极限切割B_1_2_LimitPatience.csv ! . p

1121魂之守护B_2_2_Defensive.csv FN>L7 *,0

1122魂之抵抗B_2_2_MaigcalResist.csv *nh=w

1123魂之坚固B_2_2_PhysicalResist.csv *.:!Ax

1124魂之蔑视B_2_2_Resistance.csv ?P%|P

1141魂之火焰B_2_3_BurnKunkle.csv O/(3 87=U

1142魂之霜恸B_2_3_FreezingKunkle.csv z }iSq$

1143魂之电击B_2_3_LightningKunkle.csv >B`Cch/ 'U

1181钓鱼B_Nac.csv