练习
关注
分享
扫一扫
@CJL
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
bootstrap轮播图
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>轮播图</title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,...原创 2019-12-24 09:40:32 · 149 阅读 · 0 评论 -
毛毛虫也有爱情
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>毛毛虫也有爱情</title> <style type="text/css"> *{padding: 0;margin: 0;} .box{background: ...原创 2019-12-24 09:37:08 · 191 阅读 · 0 评论 -
霓虹灯效果
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>霓虹灯效果</title> <style type="text/css"> body{background: #000000;color: #FFFFFF;} .box{...原创 2019-12-24 09:35:58 · 200 阅读 · 0 评论 -
制作交通信号灯
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>制作交通信号灯</title> <style type="text/css"> *{padding: 0;margin: 0;} body{background: #FF...原创 2019-12-24 09:34:52 · 631 阅读 · 0 评论 -
使用css3完成圆形进度条加载动画
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{padding: 0;margin: 0;} body{background...原创 2019-12-24 09:32:27 · 569 阅读 · 0 评论 -
使用css3实现首字下沉
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>使用css3实现首字下沉</title> <style type="text/css"> *{margin: 0;padding: 0;font-family: "micros...原创 2019-12-24 09:26:47 · 599 阅读 · 0 评论 -
用HTML绘制一个手机
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>绘制手机</title> </head> <body> <canvas id="mycanvas" width="500" height="500"style=...原创 2019-12-24 09:25:27 · 589 阅读 · 0 评论 -
商品索引
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>商品索引</title> <style type="text/css"> *{padding: 0;margin: 0;} header,nav{width: 500px...原创 2019-12-24 09:22:38 · 403 阅读 · 0 评论 -
用HTML绘制哆啦A梦
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>绘制叮当猫</title> </head> <body> <div> <canvas id="mycanvas" width="450" he...原创 2019-12-24 09:18:30 · 4693 阅读 · 0 评论 -
用户注册页面
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Com...原创 2019-12-22 00:05:05 · 330 阅读 · 0 评论 -
学生信息登记表
<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8" /> <title>学生信息登记表</title> <style> * { padding: 0; margin: 0; } ul,...原创 2019-12-22 00:03:21 · 1472 阅读 · 0 评论 -
页面布局html5
HTML：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><...原创 2019-12-22 00:01:15 · 213 阅读 · 0 评论 -
多列宣传页
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{padding: 0;margin: 0;} body{background...原创 2019-12-21 23:57:27 · 305 阅读 · 0 评论 -
3D旋转海报
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="js/jquery.min.js"></script> <style type="text...原创 2019-12-21 23:53:35 · 186 阅读 · 0 评论 -
竞价系统
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>竞价系统</title> <style type="text/css"> * { padding: 0; margin: 0; } hea...原创 2019-12-21 23:46:54 · 306 阅读 · 0 评论 -
用户邮寄信息表单验证
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>验证</title> <script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"><...原创 2019-12-21 23:42:13 · 157 阅读 · 0 评论 -
广告轮播图（鼠标移入停止移出动画）
滑入停止动画，滑出开始动画<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="ut...原创 2019-12-21 23:35:54 · 699 阅读 · 0 评论 -
实现图片缩略图
鼠标移入图片放大<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>实现图片缩略图</title> <script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="...原创 2019-12-21 23:20:46 · 750 阅读 · 0 评论 -
鼠标移入移出JQuery事件
鼠标移入隐藏，移出显示<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>jquery事件</title> <script src="js/jquery-3.3.1.min.js" type="text/javascript" chars...原创 2019-12-21 23:12:15 · 880 阅读 · 0 评论 -
方块启动停止计时器
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box { width: 40px; height: 40px; backgrou...原创 2019-12-21 19:43:13 · 200 阅读 · 0 评论 -
按钮点击不同效果
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="msg"> 不同的按钮显示不同的效果 </div> <b...原创 2019-12-21 19:04:43 · 246 阅读 · 0 评论 -
求平方根
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>求平方根</title> <script type="text/javascript"> window.onload=function(){ //获取页面的元素 ...原创 2019-12-21 18:59:02 · 359 阅读 · 0 评论 -
绘制表格
输入行数列数绘制表格<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>绘制表格</title> <style type="text/css"> table{border: 1px solid #ccc;} td{bor...原创 2019-12-21 18:54:56 · 197 阅读 · 0 评论 -
判断平年闰年
输入年份判断平年闰年<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>平年闰年</title> </head> <body> <label for="">请输入年份:</label> &...原创 2019-12-21 18:32:02 · 367 阅读 · 0 评论 -
欢迎浏览本网站
弹框出：欢迎浏览本网站，并有确认按钮<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>信息页面 </title> <script type="text/javascript"> alert("欢迎您浏览本网站"); d...原创 2019-12-21 18:27:30 · 1925 阅读 · 0 评论 -
表格动态登记信息
表格的动态管理<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>表格的动态管理</title> <script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="u...原创 2019-12-20 15:35:24 · 235 阅读 · 0 评论 -
用户信息提交
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>注册</title> <script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"><...原创 2019-12-20 15:30:02 · 266 阅读 · 0 评论 -
点击显示隐藏
实现显示隐藏分类功能<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>列表</title> <script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf...原创 2019-12-20 15:27:42 · 122 阅读 · 0 评论 -
制作一个基本选择器
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>基本选择器</title> <style type="text/css"> div{width: 200px; height: 200px; border: 1px solid...原创 2019-12-20 15:22:54 · 277 阅读 · 0 评论 -
选择并提交的弹框
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></s...原创 2019-12-20 15:20:42 · 170 阅读 · 0 评论 -
注册并确认密码
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>注册</title> </head> <body> <label for="">请输入用户名:</label><input type="...原创 2019-12-20 15:15:08 · 710 阅读 · 0 评论 -
登录
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>登录页面</title> </head> <body> <label for="">请输入用户名:</label><input type...原创 2019-12-20 15:13:09 · 152 阅读 · 0 评论 -
js自动轮播图
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>轮播图 </title> <style type="text/css"> *{padding: 0; margin: 0;} li{list-style: none;fl...原创 2019-12-20 15:11:20 · 123 阅读 · 0 评论 -
添加组员昵称
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>组员昵称</title> </head> <body> <label for="">请输入组员昵称：</label><input typ...原创 2019-12-20 15:07:05 · 365 阅读 · 0 评论 -
制作一个计算器
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>计算器</title> <style type="text/css"> .button{width: 80px; height: 30px;} </style>...原创 2019-12-20 15:05:04 · 434 阅读 · 0 评论 -
广告走马灯
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>广告走马灯</title> <style type="text/css"> *{padding: 0;margin: 0;} img{width: 160px;heigh...原创 2019-12-20 14:52:55 · 175 阅读 · 0 评论