学习笔记
文章平均质量分 55
一名正在努力的前端小白
这个作者很懒,什么都没留下…
展开
-
变速动画函数封装增加任意多个值和回调函数及层级还有透明度
function my$(){ return document.getElemtneById(id);}下面的my$的意思是为了简写代码<style> * { margin: 0; padding: 0; } div { width: 200px; ...转载 2018-06-28 22:46:43 · 120 阅读 · 0 评论 -
js中的预解析小案例
<script> //什么是javascripr中的预解析: //一:预解析会把变量声明提前 //二:预解析在调用函数的时候,会把函数声明提前 //案例一: f1(); function f1(){ consol...原创 2018-11-11 22:57:42 · 427 阅读 · 0 评论 -
js高级-组合继承
<script> //组合继承的优点在于属性跟方法都可以继承 //组合继承=原型继承+构造函数继承 function Person(name,age,sex) { this.age=age; this.sex=sex; this.name = name; } Person.prototype.SayHi=funct...转载 2018-07-14 15:53:04 · 1978 阅读 · 0 评论 -
js高级-借用构造函数来实现继承属性
<script> //继承的时候,不用改变原型的指向,直接调用父级的构造函数拿来 // 作为属性赋值就可以了。 //借用构造函数:构造函数名字.call(当前对象,属性,属性,属性.....) //解决了属性继承,并且值不重复的问题 //缺陷:父级类别中的方法并不能够继承 function Person(name,age,sex,weight) { ...转载 2018-07-14 15:52:12 · 361 阅读 · 0 评论 -
js高级-拷贝继承
<script> //拷贝继承:把一个对象中的属性或者方法直接复制到另一个对象中 //下面是简单的例子 /* var jk = { name : "我好帅啊!", age : 20, sex : "男", eat:function () { console.log("今晚吃烤羊腿!"); ...转载 2018-07-14 15:24:02 · 1323 阅读 · 0 评论 -
js高级-继承
<script> /*面向对象的编程思想:根据需求,分析对象,找到对象有什么特点和行为 用代码来实现需求,要想实现需求就得创造对象,要想创造对象就得有构造函数 通过构造函数来创建对象,通过对象调用属性和方法来实现需求。 首先js不是一门面向对象的语言,js是一门基于对象的语言,为什么学习js还要 学习面向对象?因为面向对象的方法最适合于人的思想,编程起来非...转载 2018-07-14 14:43:07 · 191 阅读 · 0 评论 -
jQuery函数入口的三种方式
因为jquery中的顶级对象就是他本身,所以$符号的意思代表的就是jquery这个英文,其实具体的可以查看jquery源码可以看到。下面是三种函数入口的方式://页面加载的jquery方法$(function (){ $("#btn").click(function () { console.log("我是第三种jquery的第三种函数。"); }...转载 2018-07-12 10:28:55 · 802 阅读 · 0 评论 -
比较完整的轮播图,有箭头有小圆点点击,自动轮播
<style type="text/css"> * { padding: 0; margin: 0; list-style: none; border: 0; } .all { width: 500px; height: 200px; padding: 7px; border: 1px s...转载 2018-07-03 11:26:56 · 9217 阅读 · 0 评论 -
左右焦点的轮播图
<style> body, ul, ol, li, img { margin: 0; padding: 0; list-style: none; } #box { width: 520px; height: 280px; padding: 5px; position: relative; ...转载 2018-07-03 11:20:45 · 560 阅读 · 0 评论 -
简单的轮播图实现
头部样式表<style> * { margin: 0; padding: 0 } ul { list-style: none } img { vertical-align: top } .box { width: 730px; h...转载 2018-06-20 20:08:42 · 1028 阅读 · 0 评论 -
匀速动画函数封装代码
function my$(id) { return document.getElementById(id);}function animate(element,target) { clearInterval(element.timer); element.timer = setInterval(function () { var step = 10; ...转载 2018-06-28 22:29:58 · 266 阅读 · 0 评论 -
变速动画封装代码
记得给要移动的div加上绝对定位。function my$(id) { return document.getElementById(id);}function animate(element,target) { clearInterval(element.timer); element.timer=setInterval(function () { v...转载 2018-06-28 22:31:25 · 234 阅读 · 0 评论 -
变速动画函数封装增加任意多个值和回调函数
记得给div加上绝对定位 要不然走不了<style> * { margin: 0; padding: 0; } div { width: 200px; height: 200px; background-color:...转载 2018-06-28 22:43:16 · 177 阅读 · 0 评论 -
js实现课堂随机点名系统
js实现课堂点名案例style样式<style> .cor { background-color: #6083cd; } #box { width: 500px; border: 2px solid black; margin: 0 auto; height...原创 2018-11-12 20:43:13 · 12837 阅读 · 2 评论