JavaScript
浮生途
这个作者很懒,什么都没留下…
展开
-
javascript中style,currentStyle和getComputedStyle的用法
在js中,之前我们获取属性大多用的都是ele.style.border这种形式的方法,但是这种方法是有局限性的,该方法只能获取到行内样式,获取不了外部的样式.所以呢下面我就教大家获取外部样式的方法,因为获取外部的样式存在兼容性的问题,所以后面我还会教大家解决兼容性的方法.style:各大浏览器都兼容,能设置样式和获取样式,但是获取不了外部样式,如果写了行内没有的样式,返回的是空值写法:el...原创 2019-04-24 19:04:38 · 275 阅读 · 0 评论 -
javascript 绑定事件的兼容问题
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> window.onload=function (ev) { /* ...原创 2019-05-13 18:42:01 · 170 阅读 · 0 评论 -
JavaScript 完美运动框架
function getStyle(obj, name){ if(obj.currentStyle) { return obj.currentStyle[name]; } else { return getComputedStyle(obj, false)[name]; }}function startMove(obj, json, fnEnd){ clearIn...原创 2019-05-06 20:44:38 · 149 阅读 · 0 评论 -
JS事件函数里面的(ev)有什么作用
ev就是Event 对象的缩写Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。事件通常与函数结合使用,函数不会在事件发生前被执行!例子:window.onload=function () { var oDiv=document.getElementById("div1"); var ...原创 2019-05-09 17:10:07 · 4934 阅读 · 0 评论 -
javascript 多div跟随鼠标移动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div{ width: 20px; hei...原创 2019-05-09 20:56:52 · 471 阅读 · 0 评论 -
javascript 鼠标拖拽div移动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #div1{ width: 200px; ...原创 2019-05-11 14:19:02 · 980 阅读 · 1 评论 -
javascipt 创建Ajax
function ajax(url, fnSucc, fnFaild){ //1.创建Ajax对象 if(window.XMLHttpRequest) { var oAjax=new XMLHttpRequest(); } else { var oAjax=new ActiveXObject("Microsoft.XMLHTTP");...原创 2019-05-16 20:55:28 · 114 阅读 · 0 评论 -
javascript高级运动 缓冲菜单
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #div1{ width: 100px; ...原创 2019-04-19 19:56:26 · 221 阅读 · 1 评论 -
JavaScript 图片变暗
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, ma...原创 2019-04-18 20:22:05 · 1254 阅读 · 0 评论 -
定时器的使用:制作时钟
<!DOCTYPE html> <html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> </style> <script> ...原创 2019-04-03 18:51:12 · 748 阅读 · 0 评论 -
DOC控制表格隔行变色
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> window.onload=function (ev) { va...原创 2019-04-10 20:53:22 · 210 阅读 · 0 评论 -
倒叙插入:li
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> window.onload=function (ev) { var oUl =...原创 2019-04-10 18:46:46 · 554 阅读 · 3 评论 -
DOC应用:添加、删除表格一行
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> window.onload=function (ev) { var ...原创 2019-04-11 19:27:36 · 445 阅读 · 0 评论 -
DOC:表格的模糊查询
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> window.onload=function (ev) { va...原创 2019-04-12 18:46:46 · 235 阅读 · 0 评论 -
DOC 表格排序
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> window.onload=function (ev) { va...原创 2019-04-12 20:29:22 · 230 阅读 · 0 评论 -
javascript 多个div同时移动
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>练习</title> <style> div{ width:100px ; heig...原创 2019-04-22 19:57:33 · 1605 阅读 · 0 评论 -
JavaScript运动--分享到侧边栏
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, max...原创 2019-04-18 19:11:18 · 143 阅读 · 0 评论 -
无缝滚动图片
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{margin: 0;padding: 0;} #div1 ul li...原创 2019-04-03 20:47:38 · 365 阅读 · 0 评论