ammhzm4257-CSDN博客

转载 JS图片预览

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图片预览</title></head><body> <input type="file" class="f...

2017-10-31 16:27:00 76

转载上传文件

HTML<input type="file" id="file">JSvar file = document.getElementById("file");var formData = new FormData();formData.append("file", file.files[0]);$.ajax({ type: "P...

2017-07-17 09:25:00 79

转载事件委托（event.target）

html部分<div id="box"> <p id="p1">p1</p> <p id="p2">p2</p> <p id="p3">p3</p></div>传统的做法就是如下面一样，给每个p添加一个事件处理程序：var p1 = d...

2017-02-14 11:30:00 158

转载 Javascript中call和apply的区别和用法

JavaScript中有一个call和apply方法，其作用基本相同，但也有略微的区别。其实就是更改对象的内部指针，即改变对象的this指向的内容。这在面向对象的js编程过程中有时是很有用的。call函数和apply方法的第一个参数都是要传入给当前对象的对象，及函数内部的this。后面的参数都是传递给当前对象的参数。如下：<script> var fun...

2016-12-20 11:10:00 105

转载 JS的面向对象编程一：封装

Javascript是一种基于对象的语言，但它又没有class。这在很长的一段时间里，对JS的面向对象编程的概念很模糊，在编程的时候时有用到，但要说个所以然，却说不出来，所以看了些书，又在网上查了些资料，写下些总结。一、封装写个对象，将属性（变量），方法写在对象内，这就是封装。如下：我把两个属性封装在函数内。　var Cat = {　　　　name : '',　　...

2016-12-15 11:16:00 194

转载 jq仿淘宝放大镜插件

html部分//小图<div id="photoBox"> <img src="图片路径" width="400" height="400"> <div id="dow"></div></div>//大图<div id="bigPhotoBox"></div>...

2016-12-06 20:12:00 82

转载 HTML5新标签<canvas>

基本用法首先在body中写个<canvas>，设定大小，个人建议大小要在行内设置，不然在部分情况下会发生错误。CSS部分给canvas加个边框，这边框只是为了方便看出canvas的边界，加不加都可以。<style type="text/css">canvas{ border:1px solid #000;}</sty...

2016-10-01 11:44:00 78

转载 jQuery代码节选（事件）

事件1.ready()$(document).ready(function() { //代码});简写：$(function( { //代码});该事件是会在页面加载完后执行，相当于onloca()，但如果存在onloca()事件，ready()会失效2.on()<div class="div1"> <div class="div2"></div&g...

2016-09-26 18:17:00 113

转载 jQuery代码节选（css）

CSS1.css<p class="p1">1</p>$("p").css("color");获取css属性值$("p").css("color","red");添加或修改值$("p").css({color:"red",margin:"10px"});添加或修改多个值2.jQuery.cssHooks3.offset()<p class="...

2016-09-24 20:36:00 61

转载 jQuery代码节选（筛选）

筛选...8.not()<p class="p1">1</p><p class="p2">2</p><p class="p3">3</p>console.log($("p").not($('.p1')));从获取的p元素集合中除去拥有 class='p1'9.slice()<p class="p1"&g...

2016-09-22 21:43:00 76

转载 Javascript初学篇章_8（事件）

事件HTML 事件是发生在 HTML 元素上的事情。例如用户点击按钮时，点击也是一个事件。事件可以用于处理表单验证，用户输入，用户行为及浏览器动作，如：页面加载时触发事件页面关闭时触发事件用户点击按钮执行动作验证用户输入内容的合法性PC端上常用的事件：事件说明onchangeHTML 元素改变onclick...

2016-09-11 20:33:00 82

转载 Javascript初学篇章_7（DOM）

DOM 文档对象模型DOM (document object model) 文档对象模型，它定义了操作文档对象的接口。DOM 把一份html文档表示为一棵家谱树，使用parent(父), child(子), sibling(兄弟)等记号来表明家庭成员之间的关系。一、节点节点（node) 一词来自于网络理论，这代表着网络中一个个的连接点，网络是由节点构成的。对于html文档也是一样，...

2016-09-07 20:23:00 70

转载 Javascript初学篇章_6（BOM）

BOM 浏览器对象模型BOM (浏览器对象模型），它提供了与浏览器窗口进行交互的对象一、window对象Window对象表示整个浏览器窗口。1.系统消息框 alert()alert('hello world！');2.确认对话框 confirm()该方法返回一个boolean值，如果点击ok返回true,点击cancel返false;...

2016-09-07 20:22:00 70

转载 Javascript初学篇章_5(对象)

对象Javascript是一种面向对象的语言，因此可以使用面向对象的思想来进行javascript程序设计对象就是由一些彼此相关的属性和方法集合在一起而构成的一个数据实体。举个例子，一只猫是个对象，它有属性颜色、身高之类，而它的方法就有抓老鼠。本地对象1.Date 日期对象用来处理日期和时间。在《Javascript初学篇章_1》中就有提到过var myDate = ne...

2016-09-06 18:33:00 79

转载 Javascript初学篇章_4(循环与函数)

七、循环语句1.While语法：while (exp){ //statements;}说明：while (变量<=结束值){ 需执行的代码 } 例：var i=0;while(i<=9){ //利用循环在页面输出9张照片 document.write(...

2016-09-05 19:10:00 74

转载 Javascript初学篇章_3(注释/if/switch)

五、javascript的注释// 单行注释/* …*/ 多行注释注：多行注释不能互相嵌套六、程序流程控制一、条件语句 if 语法： if(condition) statements1 else statement2例：var mark=89; //第一层判断分数是否在一个合理的范围内if(mark >= 0 &a...

2016-09-03 21:16:00 169

转载 Javascript初学篇章_2（数据类型的查看和转换/运算符）

三、数据类型的查看和转换1.查看数据类型 typeof说明：typeo可以查看变量的类型。语法：alert（typeof 变量名或数据）；2.转换成字符串var married = false;alert(married.toString()); // outputs “false”var age = 25;alert(age.toStri...

2016-09-01 21:03:00 86

转载 Javascript初学篇章_1（概念/数据类型）

Javascript是一门脚本语言，主要由浏览器来执行。它可以说是页面的灵魂，让页面活过来。与之前学的HTML5+CSS样式的不同之处就在于，JS能让静态网页成为一个动态网页，实现与用户的互动。Javascript是由ECMAScript、DOM、BOM三部分组成。ECMAScript：（European Computer Manufacturers Association）核心...

2016-08-31 19:27:00 77

转载学习总结

　　我一直认为，书山有路勤为径，学海无涯苦作舟，学习没有捷径，要勤奋，想得越多，做得越少。但我也知道，选对方向，可以省去很多……。两种思想互相对立，相互依存，看似矛盾，却也合理。　　这段时间，过得很累，也过得很充实。光阴流逝，但却没有好好把握，虽然对上级的所有要求都达到指标，但达到要求后就没有追求了，总想着得过且过，懒惰缠身。也没能在余下的休息时间好好的学习新的知识，荒废光阴，不过好...

2016-08-29 21:16:00 70

转载移动端项目开发总结

技术总结1.为了让网页适应不同的手机尺寸，在这次项目开发中，对于各个模块与页面尺寸都尽可能的使用百分比作为单位，使之能都够自适应。如导航栏，在此项目中导航栏有四个按钮均等的分布在页面的下方，若是同以往开发PC端的方式用边距（padding、margin）来布局，一旦改变屏幕尺寸，按钮没有自适应，布局也将没有达到想要的效果，而为了解决这个问题，我将<a>标签的宽（wid...

2016-08-28 22:12:00 140

转载株洲小巨蛋项目开发总结

技术总结导航栏二级下拉框/*CSS部分*//*设定导航栏上按钮样式*/#header .nav > li{ width:148px; height:70px; float:left; line-height:70px; text-align: center; background:url(../img/...

2016-08-22 19:48:00 203

转载 CSS3初学篇章_7(布局/浏览器默认样式重置)

CSS布局说到布局，就不得不提布局的核心<div>标签，它与其它标签一样，也是一个XHTML所支持的标签，专门用于布局设计的容器标签。在css布局方式中，div 是这种布局方式的核心对象，我们的页面排版不再依赖于表格，仅从div的使用上说，做一个简单的布局只需要两样东西：div 与 css.因此我们称这种布局方式为 div + css 布局。语义元素<...

2016-08-16 20:42:00 115

转载 antmate.css

本文各式各样的动画来源于http://daneden.github.io/animate.css/ ，若想看效果可复制运行下文，或到该网站自行查阅。<!DOCTYPE html><html lang="en"><head> <title>Animate.css</title> <meta ...

2016-08-16 11:10:00 117

转载 CSS3初学篇章_6(自定义动画)

自定义动画由于有一部分低版本的浏览器并不支持的问题，所以这个样式要多做兼容，各大浏览器兼容前缀如下：前缀浏览器-webkitchrome和safari-mozfirefox-msIE-oopera1. animation-name(动画名称)：语法：animat...

2016-08-15 20:25:00 100

转载 CSS3初学篇章_5（背景样式/列表样式/过渡动画）

背景样式1.背景颜色语法：background-color : transparent | color body { background-color:#CCCCCC;}2.渐变色彩语法：background: linear-gradient(方向,color,color，……) 设置渐变,默认为均匀分布，可在color 后设置百分比方向：to buttom(默认...

2016-08-13 09:34:00 137

转载 CSS3初学篇章_4（边框样式/段落样式）

2016-08-12 10:10:00 168

转载 CSS3初学篇章_3（属性选择符/字体样式/元素样式）

属性选择符选择符说明E[att]选择具有att属性的E元素。E[att="val"]选择具有att属性且属性值等于val的E元素。E[att~="val"]选择具有att属性且属性值为一用空格分隔的字词列表，其中一个等于val的E元素。E[att^="val"]选择具有att属性且属性...

2016-08-11 10:37:00 105

转载 CSS3初学篇章_2（伪类选择符）

id与class选择符id与class选择符都是自定义标签名字的选择符，但id是唯一的，class却可重复使用。id选择符以"#"定义class选择符以"."定义#id{ color:red; }.class{ color:blue; }<p id="id">id选择符</p>...

2016-08-10 09:54:00 103

转载 CSS3初学篇章_1

CSS 层叠样式表　　不同的浏览器需要不同的前缀，虽然目前最新版本的浏览器的不需要，但为了向下兼容，前缀还是少不了。前缀浏览器-webkitchrome和safari-mozfirefox-msIE-oopera　　CSS代码注释：/*注释内容*/...

2016-08-08 17:06:00 52

转载 HTML5初学总结

基本标签的使用<!doctype html> <html>　　<head>　　　　<title>标题</title>　　　　<meta charset=”utf-8” /> 　　　...

2016-08-04 21:37:00 56

转载 HTML5初学篇章_4

HTML5的表单所有type类型（补第一章）类型说明button定义可点击的按钮（大多与JavaScript使用来启动脚本）checkbox定义复选框。color定义拾色器。date定义日期字段（带有calendar控件）...

2016-08-03 21:09:00 49

转载 HTML5初学篇章_3

表单的标签是<form>,它使页面与客户的互动成为可能。而它的大部分元素字自HTML2.0后就没有再改变过，由此可见这是一个多么具有卓越性的设计。<form>标签是用于创建供用户输入的HTML表单。它的属性如下：action规定当提交表单时向何处发送表单数据method规定用于发送表单数据的HTTP方法。（get：在...

2016-08-02 14:29:00 53

ammhzm4257的博客