HQ-day23 Javascript 隐藏列表
<style> *{ margin:0px; padding:0px; } .d { width:200px; height:100px; background-image:url(aaa/0133.jpg); position:fixed; left:200px; top:300px; text-align:center; line-height:100px; overflow:hidden;} .d1 { width:200px; height:100px; background-image:url(aaa/0133.jpg); position:fixed; left:200px; top:300px; text-align:center; vertical-align:middle; overflow:visible;} .table{ height:100px; width:600px; border:0px; text-align:right; vertical-align:middle; font-size:11px; font-weight:bold; background-image:url(aaa/0135.jpg); } .b1 { height:120px; width:200px; top:200px; left:0px; overflow:hidden; background-image:url(aaa/0135.jpg); } .b2 { height:120px; width:200px; top:200px; left:0px; overflow: visible; background-image:url(aaa/0135.jpg); } .s2 { height:120px; width:200px; left:200px; top:-100px; position:relative; background-image:url(aaa/0135.jpg); } </style> </head> <body> <div class="d" id="dd" onmouseover="over ()" onmouseout="out ()">潮汐海灵-菲兹 <div class="b1" onmouseover="this.className='b2'" onmouseout="this.className='b1'"><img src="aaa/beidong.png"/ width="60" height="60">被动：伶俐斗士<div class="s2"><table class="table" cellpadding="0" cellspacing="0"> <tr><td>菲兹的灵巧身手能使他在移动时忽略单位的碰撞体积，并且减免来自普通攻击的物理伤害。</td></tr></table> </div> </div> <div class="b1" onmouseover="this.className='b2'" onmouseout="this.className='b1'"><img src="aaa/Q.png"/>Q:淘气打击<div class="s2"><table class="table" cellpadding="0" cellspacing="0"> <tr><td>菲兹径直冲向他的目标，造成普攻伤害加上10/25/40/55/70(+0.35)魔法伤害。这个技能可附带攻击特效。</td></tr></table> </div> </div> <div class="b1" onmouseover="this.className='b2'" onmouseout="this.className='b1'"><img src="aaa/W.png"/>W:海石三叉戟<div class="s2"><table class="table" cellpadding="0" cellspacing="0"> <tr><td>被动效果：菲兹的攻击会撕裂他的敌人，在3秒里对目标持续造成共20/30/40/50/60(+0.45)加上目标已损失生命值的4/5/6/7/8%的魔法伤害。 主动效果：在6秒的持续时间里，菲兹的攻击会在命中时造成额外的10/15/20/25/30(+0.3)魔法伤害。</td></tr></table> </div> </div> <div class="b1" onmouseover="this.className='b2'" onmouseout="this.className='b1'"><img src="aaa/E.png"/>E:古灵/精怪<div class="s2"><table class="table" cellpadding="0" cellspacing="0"> <tr><td>菲兹跳到长矛上，朝着你的指针方向进行移动，并且无法被选定，随后会猛击地面，对周围的敌人造成70/120/170/220/270(+0.75)魔法伤害，并减少他们40/45/50/55/60% 的速度，持续2秒。当菲兹在长矛上时，重新激活此技能会让菲兹再次朝着你的指针方向跳跃，并对小范围内的敌人造成70/120/170/220/270(+0.75)魔法伤害，而不会猛击地面。</td></tr></table> </div> </div> <div class="b1" onmouseover="this.className='b2'" onmouseout="this.className='b1'"><img src="aaa/R.png"/>R:巨鲨来袭<div class="s2"><table class="table" cellpadding="0" cellspacing="0"> <tr><td>菲兹朝着目标区域放出一条魔法小鱼，小鱼会缠住被它命中或路过它的任一敌方英雄，减少目标50/60/70%的移动速度，并使菲兹对目标的魔法伤害（不包括【巨鲨强袭】本身）增幅20%。在1.5秒之后，一条鲨鱼就会破土而出，击飞被小鱼缠住的目标，将其它敌人击开，并造成200/325/450(+1)魔法伤害，减少所有被命中的敌人50/60/70%的移动速度，持续1.5秒。</td></tr></table> </div> </div> </div><br />
效果图：
