智能社javascript

【智能社javascript】的更多相关文章

http://www.chuanke.com/?mod=student&act=study&courseid=91706…

JavaScript学习,这是智能社官网上的JS视频,讲解的挺不错的,就是没有视频的demo,在视频中附上自己编写的一些demo... 下载地址:http://pan.baidu.com/s/1cPzTk 1:初探JavaScript魅力1,共2个视频 2:初探JavaScript魅力2,共3个视频 3:javascript基础,共2个视频 4:深入javascript,共1个视频 5:定时器的使用,共2个视频 6:DOM基础,共1个视频 7:DOM操作应用,共1个视频 8:DOM操作应用高级,…

智能社官网顶部导航实现demo

从智能社的blue老师公开课中学习到了很多,在此表示感谢. 这个导航很好玩,于是就想实现一个. html <div id="box"> <ul> <li><a href="javascript:void(0)">首页</a></li> <li><a href="javascript:void(0)">内容</a></li> &l…

精通javascript笔记(智能社)——简易tab选项卡及应用面向对象方法实现

javascript代码(常规方式/面向过程): <script type="text/javascript"> window.onload=function(){ var oDiv1=document.getElementById('div1'); //获取外部div var aLis=oDiv1.getElementsByTagName('li'); //通过外部div获取li切换标签 var aDivs=oDiv1.getElementsByTagName('div'…

精通javascript笔记(智能社)——数字时钟

JS代码: <script type="text/javascript"> window.onload=function(){ //小于10的数字补零及数字转字符串 function toDouble(num){ if(num>=0&&num<10){ num='0'+num; }else{ num=''+num; …

JavaScript 智能社拖拽

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> #div1 {width:100px; height:100px; background:red; position:absolute;} #div2 {width:400px; height:300px; background:#CCC;…

JavaScript 智能社完美运动框架

简约版: function getStyle(obj, name) { if(obj.currentStyle) { return obj.currentStyle[name]; } else { return getComputedStyle(obj, false)[name]; } } function startMove(obj, attr, iTarget, fnEnd) { clearInterval(obj.timer); obj.timer=setInterval(function…

智能社讲解js基础

一,Javascript的组成ECMAScript:翻译,核心,解释器,DOM:文档对象模型,Document Object Model 操作HTML的能力,document对象BOM:浏览器对象模型,Browser Object Model window对象ECMA:几乎没有兼容问题DOM:有一些操作部兼容BOM:没有兼容问题,完全不兼容二,变量的类型5种基本类型:unll,undefined,boolean,number,string1种复杂类型:object5种引用类型:Array,Dat…

仿智能社官网：原生JS实现简单又酷炫的3D立方体时钟

先放一下我做的效果:https://linrunzheng.github.io/3Dclock/3Dclock/new.html 至于3D立方体怎么做这里就不在阐述了,可以看一下我之前的博客. 这里默认你已经做好了6个立方体,直接上JS代码: 页面进来的时候,先给6个立方体赋值上现在的时间,由于立方体比较小,左右2个面看不清且影响效果,这里左右2个面就不赋time了: //获取元素 var oul = document.querySelectorAll("ul"); var back…

js运动框架 step by step

开启setInterval定时器之前,请先清除之前的定时器 window.onload = function() { var btn = document.getElementById('btn'); var oDiv = document.getElementById('div1'); var timer = null; btn.onclick = function() { clearInterval(timer); // 避免定时器叠加 var timer = setInterval(fun…