鲁有军_644 发布于 2017-04-30 18:18

html样式

名师风采:王春红

王春红,1965生, 1987年毕业于西安电子科技大学计算机工程专业,主要从事的工作与研究方向:信息检索、网络信息系统。教授,主持计算机科学与技术系教学、行政工作。 1987年毕业后一直从事教学工作,并于1992-1993学年在西北大学计算机系助教进修班学习,2002-2003年在西安交通大学计算机系访问学者进修。主讲课程有《微机原理及应用》、《程序设计基础》、《数据库原理及应用》、《数据结构》、《编译原理》等课程。在教学过程中,教学态度严谨,以育人为目的,教学效果受到师生的一致好评。在教学过程中积极培养和引导了许多优秀的青年教师。

|详细了解|

名师风采:赵润林

赵润林,男,1960年10月生,1983年毕业于太原理工大学,1983年-1990年工作于太原矿山机械厂从事计算机应用与开发工作,1990年-2000年工作于运城南风化工集团从事计算机应用与开发工作,2000年至今在运城学院计算机科学与技术系任教,现任计算机科学与技术系副主任,副教授。

|详细了解|

名师风采:相明科

相明科,1969生,副教授, 1990年毕业于杭州电子科技大学计算机系软件专业,主要从事的工作与研究方向:网络工程。 1990年分配到中国水机现场测试中心工作,主要负责自动测量技术的研究与应用。1997年调入运城学院计算机科学与技术系从事教学工作至今。其间,于1999年-2000年在西北大学计算机系助教进修班学习。主讲课程有《计算机机组成原理》、《计算机网络原理》、《网络工程与系统集成》等课程。在教学过程中,能理论结合实践,以各种工程案例激发学生的学习兴趣;同时,以知识迁移为重点,培养学生的综合素质。数年来,教学效果学生评估中,一直名列前茅。

|详细了解|

名师风采:贺玉珍

贺玉珍,1971生, 1995年毕业于山西经济管理学院经济信息管理专业(本科),毕业后一直从事教学工作,并于2001-2004年在西安电子科技大学计算机软件与理论专业攻读硕士研究生,主要从事的工作与研究方向:数据库与分布式系统、数据挖掘。副教授,教研室主任。 主讲课程有《离散数学》、《操作系统》、《面向对象程序设计》、《JAVA语言程序设计》等课程。在教学过程中,教学态度认真,始终把教书育人作为自己的座右铭,教学效果受到师生的一致好评。

|详细了解|

名师风采:朱铭琳

朱铭琳,1974生, 1996年毕业于太原理工大学,主要从事的工作与研究方向:计算机应用技术、人工智能。副教授,承担计算机科学与技术系教学工作。 1996年毕业后一直从事教学工作,并于2002-2005学年在北京工业大学进修,获得硕士学位。主讲课程有《单片机原理及应用》、《数字逻辑与数字系统》、《电路与模拟电子技术》等。在教学过程中,教学态度严谨,以育人为目的,教学效果受到师生的一致好评。

|详细了解|

名师风采:戴斌

戴斌,1975生,主要从事的工作与研究方向:计算机应用。计算机科学与技术系教学、科研工作。 1997年7月本科毕业于太原理工大学,电机电器及控制专业,分配至铁道部永济电机厂(中国北车集团永济新时速电机电器有限责任公司),从事电传动系统的设计工作,工程师;2004年起在西安理工大学攻读硕士研究生,检测技术与自动化装置专业;2007年起在运城学院计算机系教学岗位工作,副教授。

|详细了解|

名师风采:李萍

李萍,1975生, 1994年毕业于太原理工大学计算机科学与技术系,2006至2009年期间在该校计算机与软件学院取得硕士学位。主要从事的工作与研究方向:数据挖掘。 2002年以来,在运城学院主讲的课程有《计算机导论》、《程序设计基础》、《数据库原理及应用》、《数据结构》、《计算机专业英语》等课程。在教学过程中,教学态度严谨,以育人为目的,教学效果受到师生的一致好评。

|详细了解|

名师风采:王琦

王琦,1978生, 2001年毕业于山西师范大学数计系,主要从事的工作与研究方向:软件构件技术、WEB数据管理。 2001年毕业后一直从事教学工作,并于2004-2007在山西大学计算机学院在职攻读硕士研究生,并取得硕士学位。主讲课程有《汇编语言程序设计》、《操作系统》、《动态网页制作》、《WEB系统开发》、《软件开发环境与工具》等课程。在教学过程中,态度严谨,以育人为目的,教学效果受到师生的一致好评。

|详细了解|

CSS样式

#teacher{
    perspective: 1000px;
    position: relative;
}
.well_teacher_box1{
    display: block;
    position: relative;
    margin: 43px 580px 0 58px;
    height: 250px;
    transform-style: preserve-3d;
    transform-origin: 0 125px -310px;
}

.well_teacher{
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}
#well_teacher1{
    z-index: 1;
    background-color: rgb(244,244,244);
    border: 1px solid black;
}
#well_teacher2{
    z-index: 2;
    transform-origin: 0 125px -310px;
    transform: rotateX(-45deg);
    background-color: rgb(244,244,244);
    border: 1px solid black;
}
#well_teacher3{
    z-index: 3;
    transform-origin: 0 125px -310px;
    transform: rotateX(-90deg);
    background-color: rgb(244,244,244);
    border: 1px solid black;
}
#well_teacher4{
    z-index: 4;
    transform-origin: 0 125px -310px;
    transform: rotateX(-135deg);
    background-color: rgb(244,244,244);    
    border: 1px solid black;
}
#well_teacher5{
    z-index: 5;
    transform-origin: 0 125px -310px;
    transform: rotateX(-180deg);
    background-color: rgb(244,244,244);
    border: 1px solid black;
}
#well_teacher6{
    z-index: 6;
    transform-origin: 0 125px -310px;
    transform: rotateX(-225deg);
    background-color: rgb(244,244,244);
    border: 1px solid black;
}
#well_teacher7{
    z-index: 7;
    transform-origin: 0 125px -310px;
    transform: rotateX(-270deg);
    background-color: rgb(244,244,244);
    border: 1px solid black;
}
#well_teacher8{
    z-index: 8;
    transform-origin: 0 125px -310px;
    transform: rotateX(-315deg);
    background-color: rgb(244,244,244);    
    border: 1px solid black;
}

JS代码

var box = document.getElementById('well_teacher_box1');
    var angle=0;
    var timeInterbox = null;
    function startMove(){
        angle+=1;
        setCss3(box,{transform:"rotateX("+angle+"deg)"});
        timeInterbox = setInterval(function(){
            degMove();
        },10)
    }
    var timebox = setTimeout(function(){
                startMove();
    },3000);
    
    function degMove(){
        angle+=1;
        setCss3(box,{transform:"rotateX("+angle+"deg)"});
        if(angle % 45 == 0){
            clearInterval(timeInterbox);
            var timebox = setTimeout(function(){
                startMove();
            },3000);    
        }else{
            angle+=1;
            setCss3(box,{transform:"rotateX("+angle+"deg)"});
        }    
    }
    function setCss3 (obj,attrObj) {
            for (var i in attrObj) {
                 var newi=i;
                 if(newi.indexOf("-")>0){
                    var num=newi.indexOf("-");
                    newi=newi.replace(newi.substr(num,2),newi.substr(num+1,1).toUpperCase());
                 }
                 obj.style[newi]=attrObj[i];
                 newi=newi.replace(newi.charAt(0),newi.charAt(0).toUpperCase());
                 obj.style["webkit"+newi]=attrObj[i];
                 obj.style["moz"+newi]=attrObj[i];
                 obj.style["o"+newi]=attrObj[i];
                 obj.style["ms"+newi]=attrObj[i];
            }
        }
1 个回答
  • 我解决了,知道问题出在哪了

    2017-05-01 00:48 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
活跃用户
  • 1
    问道摩托
  • 2
    广告公司英子
  • 3
    袁广龙976丶
  • 4
    逍遥子
  • 5
    亮仔
  • 6
    芙蓉花
  • 7
    作小die_syj
  • 8
    王丽珠景平怡伦_621
  • 9
    adfa3sd5f6a
  • 10
    欣欣大妮
PHP1.CN | 中国最专业的PHP中文社区 | PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | PHP问答
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved PHP1.CN 第一PHP社区 版权所有