afmbujrj51967-CSDN博客

转载弹出层效果和弹出框拖动效果

　　目前能够简单实现弹出层的框架实在是多，但个人还是觉得原生js代码实现比较具有根本性。　　今天刚写完弹出层效果，以及对弹出框的拖动效果，链接：demo、源码。　　js代码总体分为三个部分：获取节点并添加点击事件；创建弹出层节点并设置样式；添加鼠标移动事件。重点是后面两个部分。 HTML/CSS 　　首先还是附上HTML和CSS代码，样式写的有些复杂，纯属个人强迫症犯了...

2017-04-19 15:00:00 127

转载原生JavaScript实现轻量级计算器

　　想尝试做一个网页版计算器后，参考了很多博客大神的代码，综合归纳、总结修改，整理如下文。　　附：Demo 源码一、HTML+CSS 　　具体结构样式如下图，基本参照手机计算器界面。按钮功能可以查看demo，都可以实现。　　　　这部分布局不是重点，只附上代码以便理解JS行为。　　HTML/结构： <!DOCTYPE html> ...

2017-04-11 19:03:00 176

转载 JavaScript数组基础编程题归纳

　　之前的随笔“JavaScript中数组类型的属性和方法”中有介绍很多数组类型的方法，但都是一些理论。最近在练习在线编程题，发现自己还是习惯于用常规的循环来答题，对于数组的方法的使用还是不够熟练。这次笔记归纳了一下基础的数组编程题，意在加深对数组各种方法的印象，以便理解使用。 1.计算给定数组arr所有元素的和（number类型）常规循环 1 funct...

2017-03-31 14:39:00 162

转载原生JavaScript实现焦点图轮播

　　不管是高校的网站还是电商的页面，焦点图的切换和轮播应该是一项不可或缺的应用。今天把焦点图轮播制作的技术要点做下笔记，以供日后查看。一、结构层（HTML）　　焦点图的HTML结构很简单，就是一个父容器（id=box），包含三个子容器，分别存放图片（id=pics）、底部按钮（id=dots）、作用切换箭头（class=turn）。加上样式后就是下图二的布局。 ...

2017-03-26 22:29:00 242

转载 JavaScript中数组类型的属性和方法

　　除了Object，Array类型应该是ECMAScript中最常用的类型了。　　ECMAScript的数组虽然也是数据的有序列表，但还是与其他语言中的数组有很大的区别。比如ECMAScript数组每一项都可以保存任何类型的数据，而且数组的大小可以随着数据的添加自动的增长以容纳新数据。 1.创建数组创建数组的基本方式有两种： 1 //第一种，使用Array构造函数...

2017-03-17 16:19:00 122

转载 JavaScript变量相关问题

　　本文重在探讨JavaScript变量包含的两种不同数据类型的值——基本类型值和引用类型值的区别。在此外稍微带过ECMAScript和JavaScript的关系。　　题为JavaScript变量，但更具体的说应该是ECMAScript变量。　　二十世纪九十年代，Netscape公司和微软公司推出了两个不同版本的JavaScript，不利于JavaScript的开发和使用，促使欧...

2017-03-15 00:03:00 102

转载衣带渐宽终不悔

磨砺内心比油饰外表要难的多，犹如水晶与玻璃的区别。　　　　从大一就开始接触网页制作与设计，对于一个刚摆脱高考的大学新生来说，无疑是打开了一扇新天地的大门。C语言课程的学习带领我走进了程序员的世界，网页设计却是让我一点一点地想要靠近IT业。　　然而，在保证必修课程拿奖学金的前提下，自学所有的网站知识、摸索积累经验，是一件痛并快乐着却也很迷茫的事...

2017-03-11 18:04:00 93

afmbujrj51967的博客