小尾巴的梦-CSDN博客

原创 JavaScript日期格式----在路上（31）

JavaScript日期格式 Date.prototype.pattern=function(fmt) { var o = { "M+" : this.getMonth()+1, //月份 "d+" : this.getDate(), //日 "h+" : this.

2017-02-14 20:03:27 231

原创计算鼠标按下松开之间的距离---- 在路上（30）

计算鼠标拖动的距离 function mouse() { var a; var b; var a1; var b1; document.onmousedown=function(ev) { a = ev.screenX; b = ev.screenY; }; document.onm

2017-02-10 11:56:36 829

原创 HTML中的拖拉框----在路上（29）

拖拽框---当鼠标按在指定的区域才可进行拖拽思想：只有当鼠标是按在一个大div里的小div才可拖拽，其他不可；拖拽框有多种方法，这里以其中一种分享；下面使我自己写的demo，简单有效供分享，不足之处望提议，不胜感激。DOCTYPE html>html lang="en">head> meta charset="UTF-8"> title>Titletitle>简单

2017-01-05 16:22:29 1051

原创 html中键盘事件----在路上（16）

键盘事件，这里以onkeyup为例；解析：当在一个input中输入文本时，在另一个div中输出文本在下面是本人写的小demo，供分享，不足之处望建议，不胜感激。代码如下：DOCTYPE html>html lang="en">head> meta charset="UTF-8"> title>键盘事件title> style>

2017-01-05 16:20:08 332

原创 HTML中上传与读取图片或文件（input file）----在路上（25）

input file相关知识简例在此介绍的input file相关知识为：上传照片及文件，其中包括单次上传、批量上传、删除照片、增加照片、读取图片、对上传的图片或文件的判断，比如限制图片的张数、限制图片的格式、大小等。在开发中，文件上传必不可少，是常用的上传标签，但特别low、浏览的字样又不能换，但难不倒强迫症患者...看一些其他网站有的将隐藏，用点击其他的标签

2017-01-05 16:17:56 16266

原创初学者--bootstrap（五）JavaScript插件（上）----在路上（6）

jQuery 插件为 Bootstrap 的组件赋予了“生命”。可以简单地一次性引入所有插件，或者逐个引入到你的页面中。一：首先要确认的是，单个还是全部引入：JavaScript 插件可以单个引入（使用 Bootstrap 提供的单个 *.js 文件），或者一次性全部引入（使用 bootstrap.js 或压缩版的 bootstrap.min.js）。注：建议使用压缩版

2016-12-15 17:43:45 564

原创初学者--bootstrap（四）栅格系统----在路上（8）

栅格系统：是bootstrap提供的响应式布局方式栅格系统的核心：就是把容器container划分12等分，也就是版心被划分12等份。栅格系统大多引用的是bootstrap的插件，所以代码写起来会很轻松。下面的介绍也是以bootstrap中全局css样式；详情可观看http://v3.bootcss.com/css/了解，在这不再赘述现在来总结一下应用步骤：（1）：首先应该创建一

2016-12-12 20:10:27 914

原创初学者--如何正确的构建一个网页模板----在路上（5）

一.基本网页模板，一般包括六大部分文档：在你的文件夹中一般包含六个文档：index.html、css、js、img、lib（前提是你已经学过了bootstrap）、fonts（简单介绍一下，抽时间把每个部分所涉及到的有关内容再分别介绍）（一） . index.html（结构框架--结构层从语义出发，描述网页结构的）超文本标记语言、英文全拼：HyperT

2016-12-12 14:20:29 3017

原创初学者--bootstrap（三）下载与安装----在路上（7）

下载：http://www.bootcss.com/ 是boot的官网，文档是英文的中文的官方网站：v3.bootcss.com 将来会不断更新，目前是此版本到此网站后，会提示具体怎么使用，在这就简单一说，大概就是以下这样的方法（1）.选择下载压缩版，下载地址一般是在自己index.html同一文件夹中。（2）.解压缩到当前文件夹，里面的内容相当明了，js、CSS、font、分

2016-12-12 11:42:20 1842

原创初学者 bootstrap（二）----在路上（4）

拿出曾经认真书写的笔记，再来补充一下一.对于Bootstrap框架是什么其实， BootStrap,最早的时候是两个单词的合成。现在呢，成为专有名词Bootstrap,它是一个快速开发web应用程序和网站的前端框架。二.我们为什么要学boot，而且为什么那么火爆呢？万事都有其存在原因。 (1)容易上手，学过HTML和CSS的人就能来学习（2）游览器支持，几乎所有的游览器都

2016-12-12 09:36:06 265

原创初学者--动画（一）----在路上（3）

*动画结束后的状态是否保留动画效果*/ /*animation-fill-mode: forwards;*//*无限次播放*/animation-iteration-count: infinite;/*动画延时*/animation-delay: 1s;/*动画暂停*//*animation-play-state: paused;*//*动画反方向*/

2016-12-11 20:43:51 157

原创初学者--滚动条（一）----在路上（2）

今天整理了一下滚动条的有关知识，告诉自己依然努力着我觉得可以有很多种写法，就我现在知道的而言，就在这里留下两种简单方法。1：动画方法（背景定位）先给滚动条设置样式，在设置背景大小的时候，要注意这里设置的大小要和滚动条的长度是倍数关系 background-size:*px *px；（背景线性倾斜）background-image:linear-grad

2016-12-11 19:53:47 292

原创初学者--bootstrap（一）--在路上（1）

bootstrap：是目前最受欢迎的前端框架，并基于HTML、CSS、JAVASCRIPT ，而且他是为了适应并兼容各个电子设备，是对媒体查询的封装。1.so，什么是媒体查询呢？他是响应式布局的方法之一，使我们的网页适配于各种设备。2..媒体查询的写法和格式？思想：使用分割法分析和解决问题（1）确认把屏幕分成几种样式（1200px 900px 600px）

2016-12-10 19:47:29 254

原创小尾巴的梦

嗨！你好啊！这是你第一次在CSDN写些话，与一些认识的或不认识的生命的过客，分享你的思想，认知，生活，心情....是不是感觉是特别的...兴奋啊？哈哈哈....然而，你并不知该说些什么，对吧？嗯哼.... 啊！那就....追梦的人啊，请你不要放慢自己的脚步，加油啊！

2016-12-10 19:12:07 288

小尾巴的梦