2017年02月_jingtian678

原创自定义滚动条(2)

自定义滚动条(2)*{margin: 0;padding: 0;}#div1{height: 20px; width: 20px; position: absolute; background: greenyellow;}#div2{height: 20px; width: 500px; position: relative;border: 1px black solid; mar

2017-02-21 15:32:26 267

原创自定义滚动条(1)

自定义滚动条(1)*{margin: 0;padding: 0;}#div1{height: 20px; width: 20px; position: absolute; background: greenyellow;}#div2{height: 20px; width: 500px; position: relative;border: 1px black solid; mar

2017-02-21 15:31:53 207

原创带框拖拽

带框拖拽*{margin: 0; padding: 0;}#div1{height: 100px; width: 100px; position: absolute; background: greenyellow;}#Box{border: 1px dashed black; position: absolute;} var oDis

2017-02-21 02:51:53 283

DIV CSS中的绝对定位和相对定位的区别，我从网上看了好多，都没个详细的说法，其实也不用搞到那么复杂的。先说相对定位：跟它的名一样，相对嘛，要有一个参照物，但这个参照不是别的，是它自己呢，也就是说没设相对定位的位置，那你会问了，设没设都在那个位置为什么要设呢，因为只有设置了才能使 TOP,LEFT这些生效，也就是设了才能相对自己原来的位置偏移，原来的位置保留着，偏移后会把其它的层遮罩住。再说绝对

2017-02-20 17:39:19 782 1

转载 Ecs6扫盲

1. let、const 和 block 作用域let 允许创建块级作用域，ES6 推荐在函数中使用 let 定义变量，而非 var：var a = 2;{ let a = 3; console.log(a); // 3}console.log(a); // 2运行代码同样在块级作用域有效的另一个变量声明方式是 const，它可以声明一个常量。ES6 中，

2017-02-20 00:12:36 3797 1

原创靠谱拖拽

靠谱拖拽#div1{height: 100px; width: 100px; position: absolute; background: greenyellow;} var oDisx=0; var oDisy=0;var oDiv=document.getElementById('div1');oDiv.

2017-02-19 23:31:03 234

原创自定义菜单|默认行为(事件)

自定义菜单|默认行为(事件)*{margin: 0;padding: 0;list-style: none;}#div1{height: 90px;background: #ccc;position: absolute;border: 1px black solid;display: none;}body{height: 2000px;}菜单开机关机

2017-02-19 14:21:59 510

原创回车提交功能

回车提交功能 #div1{height: 100px; width: 200px; border: 1px solid;} #ul1 li{list-style: none;}

2017-02-18 23:26:23 232

转载 var oEvent=ev||event;何时使用

var oEvent=ev||event;这一句这么写是要兼容各个浏览器，在FireFox浏览器中，事件绑定的函数要获取到事件本身，需要从函数中传入，而IE等浏览器则可以直接使用event或者window.event得到事件本身。这一句的用途：需要获取和事件相关的信息时使用。如：获取键盘按下或弹起的按键获取鼠标的位置坐标获取出发改事件

2017-02-18 02:29:55 2884

原创一串跟随鼠标的div

一串跟随鼠标的divdiv{height: 100px; width:150px; position: absolute;}img{height: 100px; width:150px;}function g

2017-02-18 01:42:34 336

原创仿新浪微博消息发布功能js代码

仿新浪微博消息发布功能*{margin: 0; padding: 0;}#div1{width: 400px; height: 400px; border: 1px solid; margin:10px auto; position: relative;overflow: hidden;}#ul1 li{border-bottom: 1px #999 dashed; padding

2017-02-17 15:55:49 3358 1

原创仿淘宝幻灯片上下滑动效果

仿淘宝幻灯片上下滑动效果 *{margin: 0;padding: 0;} body{background: grey;} #play{width:700px; height:300px;position: relative; margin:120px auto;overflow:hidden;}.active{background:y

2017-02-16 02:41:21 875

原创 js完美运动框架最终版

function getstyle(obj,name) {if(obj.currentStyle){return obj.currentStyle;}else{return getComputedStyle(obj,false)[name];} } function move(obj,json,fnEnd){clea

2017-02-15 19:08:44 680 2

原创组合淡入淡出

组合淡入淡出div{width: 200px; height: 200px; float: left; background: red; margin: 10px;filter: alpha(opacity:30); opacity:0.3;} var timer=null;var oDiv=document.getElementsByTag

2017-02-06 21:11:49 169

原创多物体运动框架

多物体运动框架div{width: 100px; height: 50px; background: greenyellow; margin: 10px;} var timer=null;var aDiv=document.getElementsByTagName('div');function move(target,obj){clea

2017-02-06 21:10:58 231

原创淡入淡出

运动二(淡入淡出)#div1{width: 200px; height: 200px; background: greenyellow; filter: alpha(opacity:30); opacity:0.3;} var alpha=30;var oDiv1=document.getElementById('div1');var timer=n

2017-02-05 00:07:46 236

原创内部分享栏

运动一(分享栏)#div1{width: 150px; height: 200px; background: green; position: absolute; left: -150px;}#div1 span{position:absolute; width: 20px; height: 60px; background: blue; right: -20px; top:

2017-02-05 00:06:27 622

jingtian678的博客