kelokole-CSDN博客

原创 JavaScript页面加载后自动累加1

<!DOCTYPE HTML><html> <head> <title>页面加载后自动累加1</title> <mate charset="utf-8" /> <style type="text/css"> *{ padding: 0px;...

2019-06-13 14:00:12 540

原创 js用parseInt解析数字并求和

<!DOCTYPE HTML><html> <head> <title>用parseInt解析数字并求和</title> <mate charset="utf-8" /> <style type="text/css"> *{ padding...

2019-06-13 13:57:47 361

原创 js复选框全选/全不选/反选

<!DOCTYPE html><html> <head> <title>复选框（checkbox）全选/全不选/反选</title> <style type="text/css"> *{ margin: 0px; padding: 0px; font-fami...

2019-06-13 13:54:38 184

原创 jQuery简易年历

<!DOCTYPE html><html> <head> <title>简易Js年历</title> <style type="text/css"> *{ margin: 0px; padding: 0px; text-align: center; } ...

2019-06-13 13:29:11 474

原创 JS简易选项卡

<!DOCTYPE html><html> <head> <title>简易选项卡</title> <style type="text/css"> *{ margin: 0px; padding: 0px; text-align: center; } ...

2019-06-13 13:25:20 187

原创 jQuery生成图片列表

<!DOCTYPE html><html> <head> <title>生成图片列表</title> <style type="text/css"> *{ margin: 0px; padding: 0px; } .bpp4{ widt...

2019-06-13 13:21:52 797

原创 js 函数传参改变div属性

<!DOCTYPE html><html> <head> <title>函数传参改变Div属性的值</title> <style type="text/css"> *{ margin: 0px; padding: 0px; text-align: center...

2019-06-13 13:16:52 724

原创 JS求文本框中数字的和

<!DOCTYPE html><html> <head> <title>求文本框中数字的和</title> <style type="text/css"> *{ margin: 0px; padding: 0px; text-align: center; }...

2019-06-13 13:12:33 640

原创 js下拉菜单

<!DOCTYPE HTML><html> <head> <title>表下拉菜单</title> <mate charset="utf-8" /> <style type="text/css"> *{ padding: 0px; marg...

2019-06-13 13:08:02 81

原创 js判断文本框三位数

<!DOCTYPE HTML><html> <head> <title>判断三位数</title> <mate charset="utf-8" /> <style type="text/css"> *{ padding: 0px; marg...

2019-06-10 20:44:43 644

原创 js自动累加1

<!DOCTYPE HTML><html> <head> <title>自动累加1</title> <mate charset="utf-8" /> <style type="text/css"> *{ padding: 0px; marg...

2019-06-10 20:20:22 1758

原创 js累加按钮

<!DOCTYPE HTML><html> <head> <title>累加按钮</title> <mate charset="utf-8" /> <style type="text/css"> *{ padding: 0px; margi...

2019-06-10 19:55:54 540

原创 JavaScript鼠标移入/移出改变样式

编程目的：当鼠标放上按钮时div出现，当鼠标移出时div也随之消失。<!DOCTYPE html><html> <head> <title>鼠标移入/移出改变样式</title> <style type="text/css"> *{ margin: 0px...

2019-05-23 17:04:50 4256

原创 js用循环将三个Div变成红色

编程目的：点击按钮将三个div变成红色<!DOCTYPE html><html> <head> <title>用循环将三个Div变成红色</title> <style type="text/css"> *{ margin: 0px; padding: 0...

2019-05-23 16:48:16 900

原创 js函数接受参数并弹出

<!DOCTYPE html><html> <head> <title>函数接受参数并弹出</title> <style type="text/css"> *{ margin: 0px; padding: 0px; text-align: center;} ...

2019-05-23 16:43:49 399

原创改变网页颜色

编程目的是点击不同颜色按钮，网页背景颜色也发生相应变化<!DOCTYPE html><html> <head> <title>网页换肤</title> <style type="text/css"> *{ margin: 0px; padding: 0px...

2019-05-23 16:39:12 880

原创控制div属性

<!DOCTYPE html><html> <head> <title>控制div属性</title> <style type="text/css"> *{ margin: 0px; padding: 0px; } #app1{ wid...

2019-05-23 16:31:52 825

转载 CSS盒子模型

CSS盒子模型的概念： CSS盒子模型又称框模型 (Box Model) ，包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。如图：最内部的框是元素的实际内容，也就是元素框，紧挨着元素框外部的是内边距（padding），其次是边框（border），然后最外层是外边距（margin），整个...

2019-05-13 20:24:22 89

转载 display: none 与 visibility: hidden 的区别

当我们想要隐藏一个元素时，通常会用display: none; 或者visibility: hidden; 来设置元素。但实际上，两者还是有十分明显的区别。简单来说： visibility: hidden 为：隐藏对应的元素并且挤占该元素原来的空间。也就是说，该元素虽然被隐藏了，但仍然会影响布局。 display: none 为：隐藏对应的元素但不挤占该元素原来的空间。也...

2019-05-13 20:11:06 518

转载 HTML元素类型

HTML 区块元素大多数 HTML 元素被定义为块级元素或内联元素（行内元素）。块级元素：div , p ,form, ul,li, ol,dl,form, address,fieldset, hr, menu, table 内联元素：span, strong, em, br, img, input, ...

2019-05-13 19:53:57 81

qq_44254672的博客