哔了狗的哑铃-优快云博客

转载 008飞机大战

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>飞机大战</title> <style> * { margin: 0;

2018-04-20 10:27:11 253

原创 007碰撞检测

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>碰撞检测</title> <style> #main{ width: 2

2018-04-20 10:26:25 275

原创 006运动小人

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> #hero { width:

2018-04-03 13:08:36 310

原创 005电子时钟

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> span{ display:

2018-04-03 13:07:34 291

原创 004定时下拉菜单

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>定时下拉菜单</title> <style> #daohang{ wid

2018-04-03 13:06:54 228

原创 003注册表单

正则表达式<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script> function req(req,val

2018-04-03 10:05:42 310

原创 002计算器

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>计算器</title> <script> function sum() {

2018-04-03 10:02:08 238

原创 001淘宝图片交换实现

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0;

2018-04-03 09:53:35 406

原创 040圆角图片的实现

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> button{ width:

2018-04-03 09:52:49 180

原创 039圆角

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>圆角</title> <style> div{ width: 400px

2018-04-03 09:51:26 309

原创 038三角形

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>画一个三角形</title> <style> div{ width: 1

2018-04-02 10:03:24 159

原创 037选择器优先级

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>优先级</title> <style> div{ background: green!important; }

2018-04-02 10:02:56 151

原创 036视频

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>视频</title> </head> <body> <video controls au

2018-04-02 10:01:56 194

原创 035input属性

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <form>

2018-04-02 10:01:07 208

原创 033音频

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>音频</title> </head> <body> <audio src="1.

2018-04-02 10:00:25 158

原创 032超链接发送邮件

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>邮件</title> </head> <body> <a href="mail

2018-04-02 09:59:52 543

原创 031腾讯导航

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>腾讯导航</title> <style> *{margin: 0; padding: 0; overflow:

2018-04-02 09:58:02 357

原创 030盒子模型

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{margin: 0; padding: 0;} #box1{

2018-04-02 09:57:28 168

原创 029精灵

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css精灵</title> <style> div{ width: 80px; height: 80px;

2018-04-02 09:56:07 210

原创 028搜索框

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>搜索框</title> <style> *{margin:0;padding:0;} input[type="t

2018-03-30 11:26:20 158

原创 027logo

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>logo</title> <style> #logo{ display: block;/*显示方式-块*/ wid

2018-03-30 11:25:51 182

原创 026背景

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin: 0; padding: 0; } #link

2018-03-30 11:24:53 277

原创 025参考点

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>参考点</title> <style> #f{ position: relative; } #tip{ w

2018-03-30 11:24:27 223

原创 024p

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>段落</title> <style> p{ line-height: 20px; } ul{ padd

2018-03-30 11:23:59 251

原创 023W3Cschool导航

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>导航</title> <style> *{margin: 0;padding: 0;} #main{ width:

2018-03-30 11:23:32 148

原创 022ul_li

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>ul li</title> <style> ul{ background: red; padding:0; }

2018-03-30 11:22:56 149

原创 021a

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>超链接-小火箭</title> <style> #main{ margin:0 auto; width: 1000

2018-03-30 11:03:00 252

原创 020display

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>display</title> <style> div{ display: none; } </st

2018-03-30 11:02:19 183

原创前端菜鸟们的翻车日记——学JS的第一天

今天做的JS实现计算器老二：if后忘记加大括弧老三：<td>写成<tb>老四：copy网上代码不认真看没改id名称老五：22*3或33*2都能算出666翻车原因：至今无解。...

2018-03-29 22:28:55 234

原创 019表单提交方式

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单提交方式</title> </head> <body> <form action=&

2018-03-29 22:21:27 145

原创 018行内元素

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>行内元素</title> <style> div{ width: 200px; height: 200px; bac

2018-03-29 22:20:48 171

原创 017子代选择器后代选择器

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>选择器</title> <style> #box div{ color: blue; } #main&g

2018-03-29 22:20:12 161

原创 016高级布局

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>高级布局</title> <style> #l,#c,#r{ width: 33.33%; height: 600

2018-03-29 22:19:29 169

原创 015图片轮播

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图片轮播</title> <style> #main{ width: 200px; height: 150px;

2018-03-29 22:18:49 156

原创 014四角定位

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>四角定位</title> <style> div{ width: 100px; height: 100px;

2018-03-29 22:18:20 397

原创 013水平居中

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>居中</title> <style> body{ background: red; } #main{ w

2018-03-29 22:17:45 166

原创 012对联广告

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>对联广告</title> <style> #main{ width: 1000px; height: 600px;

2018-03-29 22:16:53 308

原创 011文字对齐小技巧

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> 用户名: <inpu

2018-03-29 22:16:14 162

原创 010水平居中

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>水平居中</title> <style> *{ margin:0; } body{ width: 1000

2018-03-28 17:36:49 162

原创 009淘宝跳转

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>淘宝网-淘我不喜欢</title> </head> <body> <form actio

2018-03-28 17:35:41 350

空空如也

空空如也