CSS3动画属性总结 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> /*定义动画*/ @keyframes move { from{ background-color: #a5f5cd; transform: translate(0
CSS3样式过渡加旋转的应用案例 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div{ width: 150px; height: 150px; border: #6eeabb 3px solid; margin: 10px 10px;
JavaScript小兔鲜儿项目注册页面 <!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>注册页面</title> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="renderer" content="webkit"> <!-- &l
CSS3样式2D转换实现盒子居中 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div{ position: relative; /*相对定位*/ width: 200px; height: 200px; b
JavaScript正则表达式验证用户名 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> span{ width: 100px; height: 15px; display: inline-block; </
JavaScript实现图片跟随鼠标移动 代码块<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><img style="position: absolute;" src="../Resources/imgs/sheep.gif"></body><script>
CSS3过渡实现进度条加载效果 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .external{ width: 200px; height: 20px; border-radius: 10px; border: #5bb
JavaScript实现动态操作表格 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link href="样式.css" type="text/css" rel="stylesheet"></head><body><h1>新增学员</h1><div cla
JavaScript实现随机点名(进阶版) <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .form{ width: 150px; height: 150px; margin: 0 auto; } .disp{
学习HTML的box阴影和text阴影 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div{ width: 250px; height: 100px; margin: 0 auto; font-size: 40px;
JavaScript实现获取短信效果 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <input type="text" placeholder="输入手机号"> <input type="button" value="获取验证码"> &l
JavaScript实现随机点名 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .form{ width: 150px; height: 150px; margin: 0 auto; border: 1px solid blac
JavaScript实现秒杀倒计时 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div{ width:300px; text-align: center; margin: 0 auto; } span{ display: block
JavaScript实现全选和取消全选 源代码<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>表格全选/取消全选</title> <style> * { padding: 0; margin: 0; } .wrap { width
JavaScript动态生成表格 源代码<!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&g