zoukankan      html  css  js  c++  java
  • 地下城与勇士的项目整理

    1.雪碧图的用hover指上改变位置

    .div:hover{
    
    
    
    background-position
    :
    
    
    -223px -33px;
    
    
    
    -webkit-transform
    :
    
    rotate(10deg);

    2.用了js的移入移出事件

    3.用了轮播图的每2s播放一张图片

    4。div的显示隐藏

    5.hover指上变色变小手

    6.雪碧图的点击跳转另一个位置

    js代码如下:

        for (var i=0;i<job_name.length;i++) {
            job_name[i].index = i;
            job_name[i].onclick = function () {
                // console.log(this.index);
                for (var i=0;i<job_name.length;++i) {
                    // console.log(aar[i]);
                    aar[i].style.display = 'none';
    
                    // console.log(-215-(i*30)  +"px -218px");
    
                    tpweizhi[i].style.backgroundPosition= -215-(i*30)  +"px 0px";
                }
                aar[this.index].style.display = 'block';
                // console.log();
                // console.log("right "+ (-215 - (this.index * 30)) +"px top -218px");
    
                tpweizhi[this.index].style.backgroundPosition="left "+ (-215 - (this.index * 30)) +"px top -218px";
                // console.log(tpweizhi[this.index].style.backgroundPosition);
    
            }
        }
  • 相关阅读:
    SettingWithCopyWarning
    统计运算
    数据清洗
    dataframe 索引
    那些拯救我的快捷键
    如何拒绝那些哭天抢地向你求救结果把你坑了的同事?
    Linux 笔记
    数据可视化:桑基图
    敏捷
    持续集成的概念
  • 原文地址:https://www.cnblogs.com/LQK157/p/11098931.html
Copyright © 2011-2022 走看看