原生js Demo
关注
分享
扫一扫
半夜三更看球
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
鼠标点击选中搜索框内容
<body> <input type="text" name="" id="oinput" placeholder="请输入内容" onclick="onFocus(this)"> <script> function onFocus(el){ if(el.focus) el.select() }...原创 2020-04-24 20:36:49 · 427 阅读 · 0 评论 -
一个超级简单的色彩生成器(rgb)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...原创 2020-01-19 14:18:18 · 3525 阅读 · 0 评论 -
超简单的js轮播图
js部分思路第一部分:设置自动播放;setInterval第二部分:鼠标在图片上,(暂停自动播放)清除定时器clearInterval第三部分:鼠标放在小按钮上切换对应的图片;(用for循环给按钮弄上index索引,然后用按钮的索引来对应按钮的图片)html部分:<!DOCTYPE html><html lang="en"><head> ...原创 2019-07-20 23:16:34 · 211 阅读 · 0 评论 -
原生js实现鼠标拖拽,解决方块跑出问题
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-05-15 14:43:46 · 1443 阅读 · 0 评论 -
函数传参改变div属性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-04-20 13:41:36 · 390 阅读 · 0 评论 -
输入一组数字求和
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-04-20 13:39:29 · 1106 阅读 · 0 评论 -
输入数组求和
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-04-18 21:51:15 · 864 阅读 · 0 评论 -
点击div弹出innerHTML
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-04-18 21:07:46 · 1345 阅读 · 0 评论 -
密码提示框
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-04-18 20:37:29 · 400 阅读 · 0 评论 -
js鼠标滑过展示图片效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-04-22 14:33:19 · 1700 阅读 · 0 评论 -
原生js简单音乐播放列表
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-04-21 21:56:55 · 1547 阅读 · 0 评论 -
js制作简单年历
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-04-21 18:53:25 · 4932 阅读 · 0 评论 -
原生js 制作简易选项卡
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-04-21 14:24:47 · 361 阅读 · 0 评论 -
鼠标滑过半透明
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-04-20 22:17:28 · 241 阅读 · 0 评论