- 博客(5)
- 收藏
- 关注
RSS订阅原创 原生JS的简单tab切换实现
实现思路是点击上方的按钮，下方的内容随之发生改变，上方和下方用的是两个div块，是兄弟节点，所以需要让tab按钮和下方内容一一对应，例子是基予两个模块若下标相同是一个内容实现的，首先是HTML框架：<div id="box">//包含tab按钮和内容的整体大框架 <div id="head_list"">//tab按钮及内容 <input ty
2017-06-30 21:11:17
20393
3
原创 原生JS轮播图
思路：下层放轮播图片，图片上层放置小圆点，点击小圆点的时候图片随着切换。 具体代码如下： <!DOCTYPE ><html> <head> <meta charset="utf-8" /> <style> div,ul,li,img,body{ margin:0px;
2017-06-22 10:55:49
355
原创 原生JS判断两个元素是否为兄弟节点
一个很简单的方法，分别获取两个元素的父节点，判断父节点是否相同，代码如下：function isSiblilngNode(element,siblingNode){ if(element.parentNode == siblingNode.parentNode){ return true; }else{
2017-06-16 18:08:56
2438
2
原创 JS引用类型深度拷贝浅拷贝
今天遇到一个拷贝JS引用类型的例题，把A拷贝到B，在B或A中修改值不会影响对方的数据。查找了一下JS值类型和引用类型的异同，实践了一下，代码及结果如下： 1 对JS值类型拷贝（也就是赋值）代码如下:var c = 3;var d = c;console.log(c)//->3;console.log(d)//->3;d = 4;console.log(c)//->3;console.l
2017-06-12 18:12:56
1037
原创 Margin负边距使用之双飞翼布局
Margin负边距使用之双飞翼布局在页面布局中，经常会遇到左右两边宽度固定中间自适应的布局需要，其中有一个很巧妙的方式叫双飞翼布局。双飞翼是由淘宝玉伯等前端大牛提出的一种多列布局方法，主要利用了浮动、负边距、相对定位三个布局属性，使三列布局就像小鸟一样，拥有中间的身体和两侧的翅膀。下面是是实现原理：
2017-06-09 18:15:48
1430
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人