![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端相关
文章平均质量分 55
web前端相关
希冀miracle
这次又重新开始了
展开
-
【小案例】DOM 的增删改
DOM 的增删改1.HTML代码<body> <div id="total"> <div class="inner"> <ul id="city"> <li id="bj">北京</li> <li>上海</li> <li>东京</li>...原创 2019-04-22 19:54:21 · 243 阅读 · 0 评论 -
【小案例】定时器的应用
一:(仅可向右移动)1.HTML <button id="btn">点击按钮以后box1向右移动</button> <br/><br/> <div id="box"></div> <div style="width: 0px;height: 1000px;position: absolute;left:800...原创 2019-04-26 10:19:26 · 376 阅读 · 0 评论 -
Javascript之经典小案例
(1)动态显示当前系统时间<body> <p>当前时间:<span id="times"></span></p></body><script> function get(){ var date=new Date(); var d1=date.toLocaleString(); times.in...原创 2021-01-15 11:19:01 · 591 阅读 · 0 评论 -
【小案例】增加删除记录
1.图片2.HTML代码<body> <table border="1" id="tab"> <tr> <th >name</th> <th>age</th> <th>job</th> </tr&...原创 2019-04-23 13:04:05 · 159 阅读 · 0 评论 -
【小案例】图片切换
1.JS代码<script type="text/javascript"> window.function(){ //获取img标签 var img=document.getElementsByTagName("img")[0]; //创建一个数组,用来保存图片的路径 var imgArr=["img/1.jpg","img/2.jpg","img/3.jp...原创 2019-04-22 20:04:41 · 251 阅读 · 0 评论 -
【小案例】全选反选
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title><script type="text/javascript"> window.function(){ //获取四个多选框love va...原创 2019-04-22 16:09:08 · 196 阅读 · 0 评论 -
【项目】吃豆大作战
1.图片展示2.HTML<!DOCTYPE html><html><head><meta charset="UTF-8"><title>吃豆大作战</title><link rel="stylesheet" href="CSS/eat.css"></head><body>...原创 2021-01-15 11:18:22 · 186 阅读 · 0 评论 -
【项目】仿IOS时钟
1.图片展示(表针是转的,哭唧唧)2.HTML<!DOCTYPE html><html><head><meta charset="UTF-8"><title>仿手机时钟</title><link rel="stylesheet" href="./CSS/index.css"></head&...原创 2019-05-07 20:54:00 · 813 阅读 · 0 评论 -
【项目】城市交换组件
1.图片展示不能动态 哭唧唧2.HTML<!DOCTYPE html><html><head><meta charset="UTF-8"><title>城市选取及互换</title><link rel="stylesheet" href="./CSS/index.css"></head...原创 2021-01-15 11:18:40 · 110 阅读 · 0 评论 -
【项目】小米闪购
1.图片展示2.HTML<!DOCTYPE html><html><head><meta charset="UTF-8"><title>小米闪购-小米商城</title><link rel="shortcut icon" href="//s01.mifile.cn/favicon.ico" type="i...原创 2019-05-07 20:35:40 · 1449 阅读 · 1 评论