小案例
关注
分享
扫一扫
小案例
小森呀
这个作者很懒，什么都没留下…
展开
-
刮刮乐
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <tit.原创 2021-04-18 01:26:32 · 178 阅读 · 0 评论 -
轮播图换背景
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>轮播图换背景</title> <style type="text/css"> *{ margin: 0; padding: 0; } .bg{ ...原创 2019-06-28 21:02:10 · 4705 阅读 · 0 评论 -
右键菜单自定义
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>右键菜单事件</title> <style type="text/css"> *{ margin: 0; padding: 0; } div{ ...原创 2019-06-25 21:11:59 · 548 阅读 · 0 评论 -
翻牌效果
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>翻牌效果</title> <style type="text/css"> *{ margin: 0; padding: 0; } .bg{ ...原创 2019-06-29 14:13:36 · 919 阅读 · 0 评论 -
模拟时钟
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>模拟时钟</title> <style type="text/css"> *{ margin: 0; padding: 0; } .bg{ ...原创 2019-06-24 19:28:53 · 2448 阅读 · 0 评论 -
弹动
<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>弹动</title> <style type="text/css"> * { margin: 0; padding: 0; } div { width: 200px; hei.原创 2021-04-12 00:02:36 · 266 阅读 · 0 评论 -
倾斜效果
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>倾斜效果</title> <style type="text/css"> * { margin: 0; padding: 0; } bo...原创 2019-07-23 20:39:16 · 493 阅读 · 0 评论 -
JQ鼠标点击水波纹特效
<script type="text/javascript"> $(document).click(function(e) { var size = 100//自定义大小 $('body').append("<div class='dianjixiaoguo'>")//创建一个div $('.dianjixiaoguo').css({//设置初始样式 ...原创 2019-07-21 17:45:41 · 3086 阅读 · 0 评论 -
css画三角形
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>三角形</title> <style type="text/css"> *{ margin: 0; padding: 0; } div{ ...原创 2019-07-05 22:18:40 · 374 阅读 · 0 评论 -
nav导航栏
<!DOCTYPE html><html><head> <title>nav</title> <style type="text/css"> *{ margin: 0; padding: 0; text-decoration: none; list-style: none; } .nav{ height: 50px; float: left; } .nav li{ .原创 2020-07-26 23:35:36 · 612 阅读 · 0 评论 -
圣杯布局
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>圣杯布局</title> <style type="text/css"> *{ margin: 0; padding: 0; } .box{ ...原创 2019-07-06 10:15:47 · 319 阅读 · 0 评论 -
旋转太极
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>旋转太极</title> <style type="text/css"> *{ margin: 0; padding: 0; } .bg{ ...原创 2019-06-16 14:58:47 · 335 阅读 · 0 评论 -
模拟服务器接收并处理用户表单信息
<body> <form action="模拟服务器.html" method="get"> <p>姓名：<input type="text" name="a" id="" value="" /></p> <p>密码：<input type="password" name="b" id="" value...原创 2019-06-06 20:02:37 · 646 阅读 · 0 评论