会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
完美前端
2021年10月26日
css htm5 canvas时钟
摘要: 完整的代码, 可以复制引用 <!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)
js jq 带焦点切换轮播
摘要: 完整的代码, 可以复制引用 // 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)
js css 钟表
摘要: 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)
css3 骰子
摘要: <!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)
css 字体
摘要: <!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)
js 特效js库 妙味,轮播
摘要: 功能介绍 // 这段代码是在2016年6月5日创建的, 博主个人在项目里使用的特效库 /* 获取指定class的元素集合 * 用法示例:var cda = getClass(document, 'da')[0]; * * @param {Object} oParent - 父元素对象,从该元素内查找
阅读全文
posted @ 2021-10-26 22:51 完美前端
阅读(73)
评论(0)
推荐(0)
js 文字搬运工
摘要: HTML 结构: <div class="left"> <p class="p1">携程旅行网是中国领先的在线旅行服务公司,向超过9000万会员提供酒店预订、酒店点评及特价酒店查询、机票预订、飞机票查询、时刻表、票价查询、航班查询、度假预订、商旅...</p> <span class="sp1"><
阅读全文
posted @ 2021-10-26 22:48 完美前端
阅读(67)
评论(0)
推荐(0)
js 图片放大镜
摘要: 样式定义 * {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)
js 图片按需加载
摘要: 样式定义 * {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)
js 求最大最小值
摘要: 寻找最小值及其索引 // 定义数组 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)
js macbook 底部菜单效果
摘要: 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)
js 秒味主页菜单 圆球拖拽自由落体
摘要: CSS 样式 * { padding: 0; margin: 0; // 全局样式重置,去除默认的边距和填充 } body { overflow: hidden; // 隐藏超出部分 } li { list-style: none; // 去除列表前的小圆点 } ul { width: 700px;
阅读全文
posted @ 2021-10-26 22:35 完美前端
阅读(81)
评论(0)
推荐(0)
js 秒味导航菜单 滑动tab特效
摘要: 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)
js 弹窗组件的开发
摘要: <!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)
js 切换轮播
摘要: <!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)
js 商城加减按钮
摘要: <!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)
js 添加删除元素 留言案例
摘要: <!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)
js 复选框隔行变色 每一行颜色不一样
摘要: <!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)
js 抖动
摘要: <!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)
js 点击div运动动画传参
摘要: <!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)
导航
博客园
首页
新随笔
联系
订阅
管理
公告