javascript实例
关注
分享
扫一扫
yang295242361
一个码农
展开
-
ajax 函数封装
//用封装好的函数 ajax("abc.txt",function (data) { alert("成功 ："+data)},function () { alert("失败")}) //封装ajax函数 function ajax(url,fnSucc,fnFaild) { //new一个ajax对象 var oAjax=null原创 2017-11-09 09:31:25 · 713 阅读 · 0 评论 -
如何解决js中onkeydown事件中连按按键的卡顿现象
<!DOCTYPE HTML><html><head> <meta charset="utf-8"> <title>test</title> <style type="text/css"> #div1 { width: 1转载 2019-01-16 14:28:46 · 1143 阅读 · 1 评论 -
JS 特效代码 400例
https://blog.youkuaiyun.com/yanpeihong/article/details/80665521有些可能有浏览器兼容问题：JavaScript实现可以完全自由拖拽的效果，带三个范例 http://www.sharejs.com/showdetails-501.aspxjavascript实现可以自由拖动的树形列表 http://www.sharejs.com/show...转载 2019-01-15 10:04:44 · 948 阅读 · 0 评论 -
setInterval图片缓冲（js）
css:#div{ position: absolute; left:800px; top:30px; background: yellowgreen; width:100px; height:100px;}#target{ width:1px; height:300px; background: black;原创 2017-11-13 23:14:47 · 346 阅读 · 0 评论 -
多个div 缓冲运动—变宽
css:div{ width:100px; height:100px; background: yellowgreen; margin-top:20px;}html:div>div>div>div>div>div>jswindow.onload=function () { var oDiv=document.ge原创 2017-11-18 13:47:39 · 232 阅读 · 0 评论 -
一个div 缓冲运动—变宽
css:#div{ width:100px; height:100px; background: yellowgreen;} #line{ width:1px; height:300px; background:red; position: absolute; left:300px; }html:原创 2017-11-18 13:46:04 · 271 阅读 · 0 评论 -
运动框架（js）—上下滑动的侧边栏
css：#div{ width:100px; height:200px; background: goldenrod; position: absolute; right:0;} #div span{ width: 25px; height: 70px; position: absolute; right:原创 2017-11-16 09:34:57 · 618 阅读 · 0 评论 -
匀速运动（js）
css:#div{ width:100px; height:100px; background: yellowgreen; position: absolute; left:0;/*更改初始位置*/ top:50px;} #line{ width:1px; height:300px; background:r原创 2017-11-18 11:36:05 · 332 阅读 · 0 评论 -
分享到—setInterval（js）
“分享到” ：效果的封装函数（定时器实现移动）/*封装上述函数——开始*/var timer=null; //注意：timer写在外面，我觉得的var Move=function (v,s) { //速度和总路程这两个变化的设为参数 var owrap=document.getElementById(原创 2017-11-11 10:46:56 · 249 阅读 · 0 评论 -
serInterval 运动（js）
input type="button" value="运动" id="btn">div id="div">div> /*css*/#div{ width:200px; height:200px; background: yellowgreen; position: absolute; top:30px; left:0;}script>原创 2017-11-10 09:41:46 · 304 阅读 · 0 评论 -
数组对象中属性值排序
var data = [{name:"n",age:66},{name:"d",age:55}]data.sort(function(ab1,ab2){ return ab1.age-ab2.age })[{name:"d",age:55},{name:"n",age:66}]转载 2019-05-04 10:54:44 · 237 阅读 · 0 评论