随笔分类 -  JavaScript

1 2 下一页
JavaScript Cookie
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <script> 7 function setCookie(name,value,iDay) 8 { 9 var oDate=new Da 阅读全文
posted @ 2020-05-04 16:04 孝文 阅读(112) 评论(0) 推荐(0)
拖拽继承
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 #div1{width: 200px; height: 200px;background: red;position: 阅读全文
posted @ 2020-05-04 15:55 孝文 阅读(114) 评论(0) 推荐(0)
右下角悬浮框
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 #div1{width: 200px; height: 150px;background: red;position: 阅读全文
posted @ 2020-05-04 15:34 孝文 阅读(136) 评论(0) 推荐(0)
Prototype
摘要：类似CSS中class，一次给一组对象添加一个方法。 Array.prototype.sum=function() { var result=0; for(var i=0;i<this.length;i++) { result+=this[i]; } return result; } 阅读全文
posted @ 2020-05-04 09:29 孝文 阅读(113) 评论(0) 推荐(0)
Ajax原理
摘要：1 fucntion ajax(url,fnSuccess,fnFaild) 2 { 3 //1，创建Ajax对象 4 if(window.XMLHttpRequest){ 5 var oAjax=new XMLHttpRequest(); 6 } 7 else 8 { 9 var oAjax=ne 阅读全文
posted @ 2020-04-30 12:42 孝文 阅读(126) 评论(0) 推荐(0)
自定义滚动条-控制内容滚动
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 #parent{width: 600px;height:20px;background-color:#CCC;posi 阅读全文
posted @ 2020-04-29 16:22 孝文 阅读(218) 评论(0) 推荐(0)
自定义滚动条
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 #parent{width: 600px;height:20px;background-color:#CCC;posi 阅读全文
posted @ 2020-04-29 15:58 孝文 阅读(104) 评论(0) 推荐(0)
带框拖拽
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 #div1{width: 100px;height:100px;background-color:red;positi 阅读全文
posted @ 2020-04-29 15:31 孝文 阅读(113) 评论(0) 推荐(0)
完美拖拽
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 #div1{width: 200px;height:200px;background-color:red;positi 阅读全文
posted @ 2020-04-29 12:14 孝文 阅读(106) 评论(0) 推荐(0)
拖拽-吸附
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 #div1{width: 100px;height:100px;background-color:red;positi 阅读全文
posted @ 2020-04-29 12:12 孝文 阅读(120) 评论(0) 推荐(0)
固定窗口中拖拽
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 #div1{width: 100px;height:100px;background-color:red;positi 阅读全文
posted @ 2020-04-29 12:11 孝文 阅读(123) 评论(0) 推荐(0)
JavaScript 绑定多事件
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 #div1{width: 200px;height:200px;background-color:red;positi 阅读全文
posted @ 2020-04-29 11:17 孝文 阅读(173) 评论(0) 推荐(0)
JavaScript 拖拽
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 #div1{width: 200px;height:200px;background-color:red;positi 阅读全文
posted @ 2020-04-29 09:34 孝文 阅读(153) 评论(0) 推荐(0)
JavaScript 右键菜单
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 * {margin: 0; padding: 0; list-style: none;} 8 #div1{width: 阅读全文
posted @ 2020-04-29 09:13 孝文 阅读(149) 评论(0) 推荐(0)
键盘控制物体移动
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 #div1{width: 100px; height: 100px;background-color:#CCC;pos 阅读全文
posted @ 2020-04-28 13:02 孝文 阅读(194) 评论(0) 推荐(0)
一串东西跟着鼠标走
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 div{width: 10px; height: 10px;background-color:red;position 阅读全文
posted @ 2020-04-28 13:01 孝文 阅读(118) 评论(0) 推荐(0)
仿select下拉框
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 #div1{width: 300px; height: 300px;background-color:red;disp 阅读全文
posted @ 2020-04-28 13:00 孝文 阅读(115) 评论(0) 推荐(0)
弹出图片遮罩层
摘要：1，CSS 1 /* 触发弹窗图片的样式 */ 2 #researchImg { 3 border-radius: 5px; 4 cursor: pointer; 5 transition: 0.3s; 6 } 7 8 #researchImg:hover { 9 opacity: 0.7; 10 阅读全文
posted @ 2020-04-28 10:41 孝文 阅读(375) 评论(0) 推荐(0)
缓冲运动
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 #div1{width: 100px; height: 100px;background-color:red;posi 阅读全文
posted @ 2020-04-28 10:23 孝文 阅读(147) 评论(0) 推荐(0)
侧边栏分享菜单
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 #div1{width: 150px; height: 200px;background-color:green;po 阅读全文
posted @ 2020-04-28 10:22 孝文 阅读(136) 评论(0) 推荐(0)

1 2 下一页