![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端案例
zhw13260525048
这个作者很懒,什么都没留下…
展开
-
案例:显示和隐藏二维码
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .nodeSmall { width: 50px; he原创 2018-11-07 16:18:51 · 1058 阅读 · 1 评论 -
兼容代码:封装getScroll函数以及固定导航栏案例
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0原创 2018-11-11 18:00:41 · 205 阅读 · 0 评论 -
案例:原生JS实现360开机动画
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .box { width: 322px; positio原创 2018-11-11 17:07:19 · 1080 阅读 · 0 评论 -
案例:原生JS实现完整的轮播图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { padd原创 2018-11-11 17:05:13 · 233 阅读 · 0 评论 -
案例:左右焦点轮播图(淘宝焦点图)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> body, ul, ol, li, img { margin: 0;原创 2018-11-11 17:03:33 · 950 阅读 · 0 评论 -
案例:H5API实现文件读取,在当前页面显示缩略图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <input type原创 2018-11-13 16:24:48 · 1197 阅读 · 0 评论 -
案例:模拟百度搜索
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #box { width: 450px; ma原创 2018-11-11 14:35:52 · 513 阅读 · 0 评论 -
案例:全选和全不选
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { padding: 0; margin: 0;原创 2018-11-07 21:29:39 · 443 阅读 · 0 评论 -
案例:Tab栏切换
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0;原创 2018-11-07 19:39:43 · 279 阅读 · 0 评论 -
兼容案例:封装innerText和textContent
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>$永远的24k纯帅$</title> <style> div { width: 200px;原创 2018-11-07 18:51:22 · 252 阅读 · 0 评论 -
案例:模拟搜索框
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>$永远的24k纯帅$</title> <style> input { color: gray;原创 2018-11-07 17:19:54 · 199 阅读 · 0 评论 -
遍历DOM树
//获取页面中的根节点--根标签 var root=document.documentElement;//html //函数遍历DOM树 //根据根节点,调用fn的函数,显示的是根节点的名字 function forDOM(root1) { //调用f1,显示的是节点的名字 // f1(root1); //获取根节点中所有的子节点 var child...原创 2018-10-13 19:14:19 · 588 阅读 · 0 评论 -
案例:动态创建表格
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>title</title> <style> div{ width: 200px; heig原创 2018-11-08 23:10:55 · 145 阅读 · 0 评论