2021年10月26日

摘要: 完整的代码, 可以复制引用 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="ht 阅读全文
posted @ 2021-10-26 23:03 完美前端 阅读(60) 评论(0) 推荐(0)
摘要: 完整的代码, 可以复制引用 // jquery-3.6.0.min.js <div class="ddd"> <!-- 按钮输入区域 --> <div class="input"> <input type="button" value="1" class="red"> <input type="bu 阅读全文
posted @ 2021-10-26 23:02 完美前端 阅读(77) 评论(0) 推荐(0)
摘要: HTML 结构 <div id="wrap"> <ul id="list"> // 使用JavaScript动态生成时钟的刻度 <!-- 这里将使用JavaScript动态生成时钟的刻度 --> </ul> <div id="hour"></div> <div id="min"></div> <di 阅读全文
posted @ 2021-10-26 23:01 完美前端 阅读(76) 评论(0) 推荐(0)
摘要: <!DOCTYPE HTML><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>3D立方体动画</title> <style> /* 设置外部容器样式 */ .wrap{ w 阅读全文
posted @ 2021-10-26 23:00 完美前端 阅读(122) 评论(0) 推荐(0)
摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> /* 使用 @font-face 规则自定义字体 */ @font-face{ / 阅读全文
posted @ 2021-10-26 22:57 完美前端 阅读(41) 评论(0) 推荐(0)
摘要: 功能介绍 // 这段代码是在2016年6月5日创建的, 博主个人在项目里使用的特效库 /* 获取指定class的元素集合 * 用法示例:var cda = getClass(document, 'da')[0]; * * @param {Object} oParent - 父元素对象,从该元素内查找 阅读全文
posted @ 2021-10-26 22:51 完美前端 阅读(73) 评论(0) 推荐(0)
摘要: HTML 结构: <div class="left"> <p class="p1">携程旅行网是中国领先的在线旅行服务公司,向超过9000万会员提供酒店预订、酒店点评及特价酒店查询、机票预订、飞机票查询、时刻表、票价查询、航班查询、度假预订、商旅...</p> <span class="sp1">< 阅读全文
posted @ 2021-10-26 22:48 完美前端 阅读(67) 评论(0) 推荐(0)
摘要: 样式定义 * {padding: 0; margin: 0;} /* 重置页面默认样式 */ .div1 {position: relative; margin: 0 auto; width: 432px; height: 224px; border: 1px solid #000;} .div2 阅读全文
posted @ 2021-10-26 22:46 完美前端 阅读(111) 评论(0) 推荐(0)
摘要: 样式定义 * {padding: 0; margin: 0;} /* 重置页面默认样式 */ body {} li {list-style: none;} #ul {margin: 300px auto 0; width: 360px;} li {float: left; margin: 10px; 阅读全文
posted @ 2021-10-26 22:40 完美前端 阅读(68) 评论(0) 推荐(0)
摘要: 寻找最小值及其索引 // 定义数组 var arr = [999, 992, 997, 22, 38, 8, 923, 232, 1023]; // 初始化最小值和最小值索引 var minArr = arr[0]; // 将最小值初始化为数组的第一个元素 var minIndex = 0; // 阅读全文
posted @ 2021-10-26 22:37 完美前端 阅读(182) 评论(0) 推荐(0)
摘要: HTML <input type="text"> <input type="text"> <input type="text"> <input type="text"> <input type="text"> <div class="box"> <div id="ml0" class="div1"> 阅读全文
posted @ 2021-10-26 22:36 完美前端 阅读(119) 评论(0) 推荐(0)
摘要: CSS 样式 * { padding: 0; margin: 0; // 全局样式重置,去除默认的边距和填充 } body { overflow: hidden; // 隐藏超出部分 } li { list-style: none; // 去除列表前的小圆点 } ul { width: 700px; 阅读全文
posted @ 2021-10-26 22:35 完美前端 阅读(81) 评论(0) 推荐(0)
摘要: CSS 样式 * { padding: 0; margin: 0; // 全局样式重置,去除默认的边距和填充 } body {} li { list-style: none; // 去除列表前的小圆点 } ul { width: 700px; font-size: 0; position: rela 阅读全文
posted @ 2021-10-26 22:33 完美前端 阅读(177) 评论(0) 推荐(0)
摘要: <!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title><style>*{ margin:0; padding:0;}.logi 阅读全文
posted @ 2021-10-26 22:31 完美前端 阅读(244) 评论(0) 推荐(0)
摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> *{padding:0;margin:0;} li{list-style:none;} div{height 阅读全文
posted @ 2021-10-26 22:23 完美前端 阅读(81) 评论(0) 推荐(0)
摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>练习</title></head><style>*{padding:0;margin:0;}em,i{font-style:normal;font-size:20p 阅读全文
posted @ 2021-10-26 22:22 完美前端 阅读(181) 评论(0) 推荐(0)
摘要: <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><ul id="ul"></ul><input type="button" value="留言" id=" 阅读全文
posted @ 2021-10-26 22:18 完美前端 阅读(49) 评论(0) 推荐(0)
摘要: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <meta charset="utf-8"> <title>Title 阅读全文
posted @ 2021-10-26 22:17 完美前端 阅读(197) 评论(0) 推荐(0)
摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><style> *{padding:0;margin:0;} li{list-style:none;} div{width:100px 阅读全文
posted @ 2021-10-26 22:15 完美前端 阅读(82) 评论(0) 推荐(0)
摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><style> *{padding:0;margin:0;} li{list-style:none;} div{width:100px 阅读全文
posted @ 2021-10-26 22:14 完美前端 阅读(88) 评论(0) 推荐(0)

导航