雨落骆罗-优快云博客

原创 JS小练习（循环练习）

水仙花数<script> for(var i = 100; i < 1000;i++){ var a = parseInt (i /100); var b = parseInt (i / 10) % 10; var c = parseInt(i % 10); if (a * a * a + b *...

2019-03-31 17:39:45 1005

原创层级关系

层级关系的获取<div id="container"> <div> <ul id="ul"> <li>列表1</li> <li>列表2</li> <li>列表3</li> ...

2019-03-31 17:31:44 834

原创定时器

<button onclick="clean()">清除定时器</button><button onclick="clean2()">清除定时器</button><script> /* * 定时器 * 1：setTimeOut 只会执行一次 * 2：setInterval 会循环执行 *...

2019-03-31 17:20:05 167

原创 location

location的属性/*href:完整的url地址*/console.log(location.href);/*网络传输协议*/console.log(location.protocol);/*主机名称*/console.log(location.hostname);/*端口号*/console.log(location.port);/*返回主机名和端口号*/conso...

2019-03-31 17:19:19 157

原创 JS封装动态柱形图

首先看一下效果图代码如下：<body><div id="container"></div></body><script src="../../../js/jrChart.js"></script><script> var obj = {

2018-12-13 08:53:50 1599

原创 Flex弹性盒子模型

Flexible Box 的缩写Flex，为弹性盒子模型，与标准盒子模型有一些不同。任何一个容器都可以定义为弹性盒子。定义方法“display: flex;”下面写一些代码介绍一下如何定义弹性盒子模型以及简单的布局方式。body部分定义几个div。<div id="container"> <div id="inner1"></div&gt...

2018-08-11 08:26:03 191

原创 css背景相关样式

#div{ height: 300px; /*背景颜色*/ background-color: red; /*背景图片（优先级高于背景颜色）*/ background-image: url("../../../img/f3_Android.png"); ...

2018-07-31 08:35:58 358

原创关于文本样式的简单介绍

#text{ color: red;/*字体颜色*/ opacity: 0.5;/*1：不透明；0：全透明*/ font-style: italic;/*字体风格*/ font-weight: bolder;/*字体粗细*/ font-size: 40px;/*字体大小*/ line-height: 60px;/*字体行高*/ font-f...

2018-07-27 08:27:18 264

原创 form和table结合

<form action=""> <fieldset> <legend>登录信息</legend> <table> <tr> <td> 登录名： </

2018-07-26 08:14:39 6981

原创表单

action:制定表单数据提交的地址 method：表单数据提交方法为了往服务端提交数据时，提交的数据清晰易懂方便处理：1.普通的输入框，需要添加name属性，来保证键值对的完整。2.非输入框，需要添加name和value属性，来保证键值对的完整。 name还有分组的作用，单选框，相同name的是一组，单选框中同一组内的选项有互斥的效果。复...

2018-07-26 08:07:57 154

原创表格的属性：

tr 行td 列th 标题border 表格边框宽度wigth 宽度height 高度 bgcolor 背景颜色align 表格对齐方式，默认left左对齐，right右对齐，center居中对齐。background 背景图片，优先级大于背景颜色bordercolor 表格...

2018-07-25 16:48:52 245

原创 HTML：标签

HTML：标签块级标签标题标签 :h1-h6 h1最大，h6最小段落标签 :p分隔线: hr换行标签:br &nbsp;空格的转移符blockquote 定义块引用预格式标签:preul liol lida dt ddfigure 规定独立的流内容（图像、图表、照片、代码等等）分区标签：divtable tr行 td列 th标题...

2018-07-25 14:42:09 178