js
马晨宇
这个作者很懒,什么都没留下…
展开
-
js--事件委托(为新添加的LI添加高亮效果)
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <button id="btn">添加</button> ...原创 2019-06-05 10:04:14 · 877 阅读 · 0 评论 -
js--匀速透明运动
*{ margin: 0;}#box{ height: 100px;width: 100px;background: red; position: absolute; top: 200px; left: 200px; opacity: 0.3;}<div id="box" onmouseover="boxmove(1)" onmouseout="boxmove(0)"> &l...原创 2019-06-03 11:37:50 · 154 阅读 · 0 评论 -
js各种兼容性问题
//获取非行间样式-兼容 function getStyle(obj, attr) { //获取非行间样式,obj是对象,attr是值 //该条件含义为,判断该浏览器是否拥有该函数 if (obj.currentStyle) { //针对ie获取非行间样式 return obj.currentStyle[attr]; } else { ret...原创 2019-06-03 11:40:36 · 229 阅读 · 0 评论 -
js动态创建表格
var tab = document.createElement("table"); tab.border = "1px"; document.body.appendChild(tab); for(var i =0;i<3;i++){ var tr = document.createElement("tr"); for(var j=0;j<3;j++){ v...原创 2019-06-03 11:42:56 · 1660 阅读 · 0 评论 -
js-选项卡
*{margin: 0; padding: 0; font-family: "微软雅黑";font-size: 14px;} #container{ width: 398px; margin: 100px auto;} #container a{ display:block ; width: 98px; height: 42px; ...原创 2019-06-03 19:59:16 · 2216 阅读 · 0 评论 -
原生js综合表单验证
要求: 1、使用失去焦点事件完成表单验证 每一项验证失去焦点时都可以即时验证 2、姓名: 单词字符组成 6--10为 ,不能用数字开头 年龄: 只能由数字组成 年龄不能为负数 密码:6--18位字符组成 有密码强弱验证 3、确认密码和密码相同 4、手机号: 15 13 18 开头 5、qq : 5--12...原创 2019-06-06 11:47:06 · 697 阅读 · 0 评论 -
js--文本查找替换
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #box { width: 400px; height: 400px; border...原创 2019-06-05 19:15:56 · 2016 阅读 · 0 评论 -
js运动--缓冲运动
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> #box{ height: 100px; width: 100px; background: red; po...原创 2019-05-31 09:25:41 · 140 阅读 · 0 评论 -
js完美拖拽效果
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> *{ margin: 0; } #box{ height: 100px; width: 10...原创 2019-06-05 10:05:23 · 2052 阅读 · 0 评论 -
js九九乘法表
for(var a = 1;a<=9;a++){ for(var b=1;b<=a;b++){ document.write(a+"*"+b+"="+(a*b)+" "+" "+" ") } document.write("</br>") }原创 2019-05-31 09:12:10 · 722 阅读 · 0 评论 -
js编写函数,输入n,n为偶数时调用函数求1/2+1/4+。。。1/n n为奇数时调用函数求1/1+1/3+。。。1/n
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input type="text" id="txt" /> <input type="but...原创 2019-05-31 09:14:14 · 1812 阅读 · 0 评论 -
js--斐波那契额数列(递归)
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>不死神兔</title> </head> <body> <input type="text" id="txt" /> <...原创 2019-05-31 09:15:30 · 314 阅读 · 0 评论 -
js求阶乘
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input type="text" id="txt" /> <input type="but...原创 2019-05-31 09:18:03 · 1449 阅读 · 0 评论 -
js--输入一个日期,判断是那一年的第几天?
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input type="text" id="a"/>年 <input type="text"...原创 2019-05-31 09:19:24 · 1772 阅读 · 0 评论 -
js封装自己的时间格式
function dateToString(d){ var week = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"] var _y = d.getFullYear(); var _m = toTwo(d.getMonth()); var _d = toTwo(d.getDate()); var _w = d.getDay();...原创 2019-05-31 09:21:49 · 207 阅读 · 0 评论 -
js运动-反弹运动
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> #box{ height: 50px; width: 50px; background: pink; bor...原创 2019-05-31 09:24:40 · 229 阅读 · 0 评论