zoukankan      html  css  js  c++  java
  • 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 />

    效果图:

  • 相关阅读:
    CodeForces Gym 100935G Board Game DFS
    CodeForces 493D Vasya and Chess 简单博弈
    CodeForces Gym 100935D Enormous Carpet 快速幂取模
    CodeForces Gym 100935E Pairs
    CodeForces Gym 100935C OCR (水
    CodeForces Gym 100935B Weird Cryptography
    HDU-敌兵布阵
    HDU-Minimum Inversion Number(最小逆序数)
    七月馒头
    非常可乐
  • 原文地址:https://www.cnblogs.com/Itwonderful/p/5328852.html
Copyright © 2011-2022 走看看