JavaScript_积累版
_枸杞子_
软件工程专业学生
展开
-
001_关于循环绑定事件函数中的对象索引值与this
看下面一段js代码:window.onload = function() { for(var i = 0; i < allA.length; i++) { allA[i].onclick = function() { alert(allA[i] == this); //false alert(i); //3原创 2017-07-29 19:29:47 · 350 阅读 · 0 评论 -
002_javaScript中事件的冒泡(Bubble)
- 事件的冒泡指的是事件向上传导,当后代元素上的事件被触发时,将会导致其祖先元素上的同类事件也会触发。- 事件的冒泡大部分情况下都是有益的,如果需要取消冒泡,则需要使用事件对象来取消- 可以将事件对象的cancelBubble设置为true,即可取消冒泡 -例子: 元素.事件 =function(event){原创 2017-08-01 17:35:02 · 215 阅读 · 0 评论 -
004_JS封装简单动画函数
前言: 使用JavaScript,主要是用于完成一些页面上的特效,今天就带领大家一起,封装一个简单的函数。写好了之后,完全可以存起来,今后各种调用就好。原理:- 根据传入的位置(target),使对象(obj),按一定的速度(speed)去改变自 己的样式(attr),当该函数(move)执行完毕之后,调用原创 2017-08-10 16:35:01 · 269 阅读 · 0 评论 -
005_HTML5/CSS3实现圆角图片剪裁
前言: 咱们电脑上的图标,手机上的图标,几乎都是圆角的。为了用户的需求,也为了技术的全面,今天咱们来学习一下怎么使用HTML5/CSS3来实现圆角图片的剪裁。原理: 用一个img标签链接一张图片,然后使用css3的一个属性——border-radius来设置图片边角的弯曲度,从而达到圆形剪裁的效果。原创 2017-08-12 13:23:27 · 2721 阅读 · 0 评论 -
003_JS实现图片轮播与点击播放
步骤:1、布局: outer[div] ----imgList[ul] ----li(总共5个) ----img(放轮播图) ----navDiv[div] ----a(总共5个)2、原理: - outer作为“屏幕”原创 2017-08-06 18:55:38 · 447 阅读 · 0 评论 -
007_今年七夕,我用代码表白
源码:七夕表白网页演示-5 function stop(){ alert('TY,我爱你');return false; } document.oncontextmenu=stop; <body onselectstart="return false" onpaste="return false" oncopy="return原创 2017-08-23 12:19:07 · 2643 阅读 · 2 评论