摘要：
首先要明确几个事情： prototype和__proto__ 1.prototype:每个函数都会有一个prototype这个属性,这个属性是一个指针，它指向一个对象,这个对象就叫做原型对象; 原型对象也是一个对象它是由Object创建出来的实例！！！切记！！它也有__proto__，指向Objec 阅读全文
摘要：
任何网站主页都离不开一个轮播图，这是滚动播放新闻或者广告或者内容的招牌，类型有很多，我们可以做一个淡入淡出的轮播图。 首先分析，淡入淡出指的是没有滑动效果，一张图片消失的时候另一张图片接着显示出来，仔细分析可以知道在一个轮播框内其实利用绝对定位放了好几张图片， 利用他们的透明度的改变依次出现和消失。 阅读全文
摘要：
利用原生JS里的事件对象我们可以来模拟下聊天软件的对话框效果如下： CSS: HTML: js以及注释如下： 阅读全文
摘要：
电商网站中当选中一个总按钮那么其他分按钮衣会被选中，而同理当每一个分按钮被选中的时候总按钮也能反过来被选中，这个小功能在购物车里很常见 HTML代码如下： JS代码及注释 阅读全文
摘要：
用原生js做进度条，布局非常简单，一个盒子里放一个span标签，让它的宽度为0，并且转成块元素。 主要用定时器动态增加span的宽度，并且当它的宽度大于父级盒子的宽度的时候停止 效果如下： 一 css如下： 二 js代码： 阅读全文
摘要：
在很多网站页面中如果我们把页面下拉很多的时候，右边一般都有一个按钮点击可以直接回到顶部，并且无论滚动条下拉多少这个小方块都保持在右边画面中心 简单分析下我们知道，这个小方块是绝对定位，当我们拉动滚动条的时候获取滚动的距离，然后让方块的top值等于滚动的距离。触发方块的点击事件时让top值为0 一 h 阅读全文
摘要：
利用原生js我们可以做一个简易的年历。 效果如下图所示： css代码如下： html 结构如下： JS代码如下： 阅读全文
摘要：
在电商网站的商品详情业，当我们鼠标移上商品，通常会出现一个类似放大镜的东西，让我们可以将商品的细节看的更清楚，那么今天我们来做一个简单的放大镜效果。 分析：将大图以及中图的图片地址作为小图的自定义属性，当鼠标移上小图的时候让大图中图对应出现，滤镜盒子和大图都是绝对定位，让滤镜盒子动的同时让大图同步动 阅读全文
摘要：
* //打印直角三角形 for(var i=1;i<6;i++){ for(var j=1;j<=i;j++){ document.write("#"); } document.write("<br/>");} for(var i=1;i<6;i++){ //i: 1 2 3 4 5 for(var 阅读全文
摘要：
我们以前刚接触电脑的菜鸟时期应该都有玩过一些打字游戏，一些字母往下掉然后我们按下相应字母键然后这个字母消失；首先我们来分析下这个游戏内在原理和具体步骤： 内在原理分析：首先我们得随机生成大写字母并且得让它一直生成，其次我们得让它掉落，掉落的速度是随机的，并且我们不能让它一直无限制掉，得有退出时间，再 阅读全文