demo
文章平均质量分 89
ZZZ --- jh
这个作者很懒,什么都没留下…
展开
-
倒三角代码
倒三角代码css代码 :<style> .a{ width: 0; height: 0; overflow: hidden; border: 100px solid transparent; border-right-color: red; }</style>html代码 : <div class="a"></div>示图 :原创 2020-11-11 16:27:23 · 646 阅读 · 0 评论 -
九九乘法表
九九乘法表css代码 <style> a{ opacity: 0; } div{ display: inline-block; width:60px; height:20px; } span{ display: inline-block; width:60px原创 2020-11-05 19:59:00 · 326 阅读 · 0 评论 -
js练习题(二)
js练习题一. 选择题分析下段代码输出结果是( ). B var arr = [2,3,4,5,6]; var sum =0; for(var i=1;i < arr.length;i++) { sum +=arr[i]; } console.log(sum);A. 20 B. 18 C. 14 D. 12[多选]以下关于 Array 数组对象的说法不正确的是( ). CDA. 对数组里数据的排序可以用 sort 函数,如果排序效果非预期,可原创 2020-11-05 19:51:33 · 2988 阅读 · 0 评论 -
js练习题
js练习题一. 选择题写“Hello World ”的正确 javascript语法是( ). AA. document.write(“Hello World”)B. “Hello World”C. response.write(“Hello World”)D. (“Hello World”)在JavaScript表达式中13+“13”+"5"的结果是( ). DA. 29B. 1217C. 126D. 13135对JavaScript基本语法描述不正确的一项是( ).原创 2020-11-05 19:00:41 · 2210 阅读 · 0 评论 -
html,css练习题
html,css练习题一. 选择题在下列的 HTML 中,哪个可以产生超链接. BA. <a url="http://www.dapengjiaoyu.com">啦啦啦</a>B. <a href="http://www.dapengjiaoyu.com">啦啦啦</a>C. <a>http://www.hahaha.com</a>D. <a name="http://www.dapengjiaoyu.com"&原创 2020-11-04 10:33:17 · 2566 阅读 · 0 评论 -
天气预报demo
天气预报demo<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>天气预报</title> <script> function tia原创 2020-11-04 09:19:03 · 250 阅读 · 0 评论 -
js 鼠标跟随事件
js 鼠标跟随事件css代码 :<style type="text/css"> *{ margin: 0; padding: 0; } div{ width: 100px; height: 100px; background: red; position: absolute; }</style>html代码 :<body style="height: 3000px;"> <!--把光标在可视区域的坐标位置赋值给div-原创 2020-10-20 10:45:38 · 311 阅读 · 0 评论 -
js案例 生成行列随机颜色
html代码 :<input type="text" name="" id="" value="" placeholder="输入行"/><input type="text" name="" id="" value="" placeholder="输入列"/><button id="btn">点击生成</button><table border="1" cellspacing="" cellpadding="">js代码 :<s原创 2020-10-20 10:40:01 · 323 阅读 · 0 评论 -
js 倒计时demo
js 倒计时democss代码 :<style type="text/css"> .boxx{ width: 200px; margin-top: 10px; margin-bottom: 10px; margin-left: 250px; font-size: 16px; } .box1 input{ margin-top: 30px; } .box{ width: 700px; height: 250px; border: 1px solid原创 2020-10-13 14:10:59 · 285 阅读 · 0 评论 -
js放大镜
js放大镜css代码 :<style type="text/css"> *{ margin: 0; padding: 0; } .min_img{ /*1920 x 1080*/ width: 480px; height: 270px; background-image: url(images/large.jpg); background-size: 100%; position: relative; } .fdj{ width: 140px;原创 2020-09-29 14:24:11 · 266 阅读 · 0 评论 -
js全选与全不选
js全选与全不选css代码 :<style> * { padding: 0; margin: 0; } .wrap { width: 300px; margin: 100px auto 0; } table { border-collapse: collapse; border-spacing: 0; border: 1px solid #c0c0c原创 2020-09-29 11:20:57 · 293 阅读 · 0 评论 -
js 单击按钮排他事件
js 单击按钮排他事件html代码 : <input type="button" value="绿了"/> <input type="button" value="绿了"/> <input type="button" value="绿了"/> <input type="button" value="绿了"/> <input type="button" value="绿了"/> <input type="button" value原创 2020-09-29 11:08:43 · 546 阅读 · 0 评论 -
js随机颜色
js随机颜色案例css代码 :<style> div{ width : 100px; height : 100px; }</style>html代码 : <div id = 'd1'></div>js代码 :<script type="text/javascript"> //指定标签随机生成16机制颜色 //16进制 #ffffff [1234567890 abcdef] function randomColo原创 2020-09-29 10:56:46 · 263 阅读 · 0 评论 -
二级菜单
二级菜单HTML代码 :<body> <ul class="top"> <li>我的京东</li> <li>我的会员</li> <li class="f_txt"> 我的订单 <div class="txt"> <p> <span>啤酒订单</span> <span class="pad">羊肉串订单<原创 2020-09-24 20:31:28 · 275 阅读 · 0 评论 -
点名器
点名器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin: 0; padding: 0; } body{ background: black; } div{ float: left; } .jingrengo原创 2020-09-22 10:54:47 · 336 阅读 · 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-UA-Compatible" content="ie=edge"> <title>Docume原创 2020-09-22 10:48:05 · 265 阅读 · 0 评论 -
点名器
点名器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>点名器</title> <style> #box{ w原创 2020-09-22 10:46:52 · 239 阅读 · 0 评论 -
遍历数组
遍历数组<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script type="text/javascript"> var array1 = [ {name:"小红",sex:"女",age:18}, {name:"小绿原创 2020-09-22 10:37:28 · 264 阅读 · 0 评论 -
数组案例
数组案例<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>数组案例</title> </head> <body> <script type="text/javascript"> //输入指定学员人数,然后对应输出每一个人的成绩 求总和 平均值 最大值 最小值 //1-声明一个变量名为原创 2020-09-22 10:33:14 · 295 阅读 · 0 评论