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 />

    效果图:

  • 相关阅读:
    Applied Nonparametric Statistics-lec2
    Applied Nonparametric Statistics-lec1
    pandas-Notes2
    pandas-Notes1
    软件项目-软件项目开发各阶段文档模板(参考)
    项目管理-一个项目的完整过程
    腾讯资深架构师干货总结:一文读懂大型分布式系统设计的方方面面
    从新手到架构师,一篇就够:从100到1000万高并发的架构演进之路
    新手入门:零基础理解大型分布式架构的演进历史、技术原理、最佳实践
    我的常用网站
  • 原文地址:https://www.cnblogs.com/Itwonderful/p/5328852.html
Copyright © 2011-2022 走看看