智能社javascript tab

精通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

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

JavaScript学习--（智能社视频）

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笔记(智能社)——数字时钟

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

javascript tab onclick

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"><title>my_tab</title><META http-equiv=Content-Type content="text/html; charset=utf-8&q

JavaScript tab页

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>实践题 - 选项卡</title> <style type="text/css"> /* CSS样式制作 */ .tab-div { width: 400px; position: relative; /*作为选项卡内容的定位

智能社讲解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

前端教程&开发模块化/规范化/工程化/优化&工具/调试&值得关注的博客/Git&面试-资源汇总

内容精简资源这么多,多看看多学习再总结肯定是好的.多读读就算看重了不算浪费时间,毕竟一千个读者就有一千个林黛玉,还有温故而知新,说不定多读一些内容,就发现惊喜了呢.不过,在此也精简一些内容,就1~2项,只供参考.更多内容细看分类. js:JavaScript 标准参考教程 js:JavaScript 秘密花园 Es6:ECMAScript 6入门 Es6:深入浅出ES6 css:CSS 参考手册 jquery:从零开始学习jQuery jquery:前端开发者都应知道的 jQuery 小技巧

Web前端开发推荐阅读书籍、学习课程下载

转自http://www.xuanfengge.com/fe-books.html 前言学校里没有前端的课程,那如何学习JavaScript,又如何使自己成为一个合格的前端工程师呢? 除了在项目中学习和跟着有经验的同事学习,读书也是必不可少的.书中有着相对完整的知识体系,每读一本好书都会带来一次全面的提高. 而如果深一脚浅一脚的学习,写出代码的质量会参差不齐.初学者的首要任务是成为靠谱的熟练开发者,能够稳定的输出有一定质量的代码. 前端技术发展速度特别快,总是涌现出很多新的东西,需要不断的学习

关于IT培训机构的个人看法

1.前言缘分与巧合,最近接触比较多的培训机构出来的人,以及看过关于培训机构的文章和问答.虽然没在培训机构上过课,但是接触过很多培训机构出来的人,也看过一些培训机构的课程.关于培训机构,我也有自己的看法.经历了这些,我写了这篇文章,不吹不黑的写下我对培训机构的个人见解.这篇文章可能会有些争议,如果有不同的看法,大家可以评论,但是发言望大家理性,客观,不要人身攻击! PS:1.我是一个web前端开发者,接触的人也是web前端居多,所以下面文章,提到的培训机构可能主要是针对web前端的!2.文章中,

Javascript基础篇小结

转载请声明出处博客原文随手翻阅以前的学习笔记,顺便整理一下放在这里,方便自己复习,也希望你有也有帮助吧第一课时入门基础知识点: 操作系统就是个应用程序只要是应用程序都要占用物理内存浏览器本身也是一个应用程序浏览器本身只懂得解析HTML 调用浏览器这个应用程序的一个功能绘制 1.javascript介绍 JavaScript操作DOM的本质是=获取+触发+改变目的:就是用来操作内存中的DOM节点修改DOM节点的属性过javascript语法组织逻辑代码操作DOM BOM(wi

闲扯 Javascript 01 实现选项卡

javascript 实现选项卡今天下午的两节课,在机房闲来没事 ,就学习了javascript 怎么获取HTML的标签,改变CSS样式,资料来源智能社! <script> window.onload=function () { var oDiv=document.getElementById('div1'); var aBtn=oDiv.getElementsByTagName('input'); var aDiv=oDiv.getElementsByTagName('div'); fo

JavaScript 学习推荐

主要是个人的学习网站,书籍推荐,还有个人学习经历,以及一些学习经验或技巧 JavaScript学习网站推荐如果想快速入门,这些是很推荐的网站快速入门,很快能让你了解前端,有什么,做什么,要学什么,怎么做 w3cschool http://www.w3school.com.cn/index.html MDN https://developer.mozilla.org/zh-CN/docs/Web/JavaScript 菜鸟教程http://www.runoob.com/js

【JavaScript&jQuery】前端资源大全

综合类综合类地址前端知识体系 http://www.cnblogs.com/sb19871023/p/3894452.html 前端知识结构 https://github.com/JacksonTian/fks Web前端开发大系概览 https://github.com/unruledboy/WebFrontEndStack Web前端开发大系概览-中文版 http://www.cnblogs.com/unruledboy/p/WebFrontEndStack.html Web Fron

javascript webstorm用法

javascript webstorm用法一.什么是webstorm? WebStorm 是jetbrains公司旗下一款JavaScript 开发工具.被广大中国JS开发者誉为“Web前端开发神器”.“最强大的HTML5编辑器”.“最智能的JavaScript IDE”等.与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能. ----------工欲善其事,必先利其器二.下载和安装? 1.官网下载地址:http://www.jetbrain

智能社javascript tab

热门专题