自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 css3选择器简介大全

CSS3分类一、基本选择器 二、层次选择器三、伪类选择器(伪类选择器语法书写时和其他的CSS选择器写法有所区别,都以冒号(:)开头;)1、动态伪类选择器 2、目标伪类选择器 3、语言伪类选择器 语法: <body lang="zh">4、UI元素状态伪类选择器 5、结构伪类选择器语法 这里参数n可以是整数(1、2、3、4……),关键字(odd,even),还可以是公式(2n+1,-n+5),但

2016-11-16 17:16:27 669

原创 DOM基础

什么是DOM:DOM是文档对象模型。赋予JS操作节点的能力。当网页被加载时,浏览器会创建页面的文档对象模型。 HTML DOM模型被构造为对象的数、 查找 HTML 元素通过JavaScript找到需要操作HTML元素。找到指定元素有多种方法通过id找到HTML元素var x=document.getElementById("intro"); 通过表签名找到HTML元素var x=documen

2016-11-16 16:26:13 264

原创 JQ选择器总结

常用选择器了解 一、基本选择器1、Id选择器 符号:#id 概述:查找指定的ID匹配的一个元素; 用法: $(”#myDiv”);(获取id为myDiv的元素,id值不能重复。所以获取到的是唯一的)2、类别选择器 符号:.class 概述:根据给定的类匹配元素; 用法:$(”.myClass”);(获取类名为.myClass的元素数组)3、标签选择器 符号:element 概

2016-11-01 20:34:35 340

原创 轮播图制作

今天给大家介绍一个网上会经常看到,也是比较使用的小特效轮播图的制作。 首先我们还是先要大概了解轮播图的基本思路; ①、布局:外层div:超出隐藏 ul :加长,往左运动 left,left=0, li左浮动 ②、事件:鼠标经过 鼠标离开 ③、左运动,-2px ,并且,超过一本,就拉回来。 右边运动:left>0 往左边拉回来一半<!DOCTYPE html> <html>

2016-10-22 16:01:23 606

原创 盒子的脱拽

这次我们先做个简单的小特效盒子的拖拽,首先先理解下什么是盒子的拖拽。就是说在一个页面中创建一个正方形的盒子,然后通过鼠标按下并拖动来改变这个正方形的位置。 知道这个我们就来先分析步骤: ①、创建一个div给一个宽高,(既然要改变位置就得给他一个绝对定位) ②、设置js属性首先要获取这个div ③、要改变div的位置,就先声明一个X,Y轴的坐标 ④、要清楚这个效果所用到的事件 有鼠标按下事

2016-10-22 14:17:22 289

原创 Ajax基础了解

一、什么是Ajax AJAX = Asynchronous Javascript And XML (异步JavaScript和XML)。 AJAX 是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。 二、Ajax怎么编写? 1、创建XMLHttpRequest 对象

2016-10-22 11:14:49 208

原创 什么是js的面向对象,以及它的特点和怎样写构造函数

首先呢,我们先来了解一下,什么是对象。可能有学过编程的知道这个概念。简单的说就是对象的概念是:我们不需要它的内部构造,只要会用即可。 就比如,举个很简单的例子。手机,手机是和我们现在有着密切关系的东西,几乎每个人都在使用,但是你知道手机是怎么做出来的吗?手机又为什么可以打电话呢?至于这些,我们可以知道,也可以不知道。但是我们只要会用就行了对吧。 这是日常生活中的例子。再举个例子比如在js中我们

2016-10-20 20:30:28 1144

原创 真正的了解事件绑定

一、事件绑定 想了解什么是事件绑定前,我先写个小例子看一下:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.onload=function(){

2016-10-12 20:01:51 326

原创 js中 局部变量、全局变量、闭包

一、局部变量 什么是局部变量呢,我们先通过下面的代码了解一下<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> function aa(){

2016-10-12 19:04:48 554

原创 了解不同的数据类型和变量的命名规范

1、在js中对于数据类型大致有两大类。一、基本数据类型; ①、数字类型:Number; ②、字符串类型:String; ③、布尔类型:Boolean;(布尔类型有两个值:true,false) ④、未定义类型:undefined;<!DOCTYPE html> <html> <head> <meta charset="UTF-8">

2016-10-12 16:15:24 996

原创 JavaScript常用鼠标事件的分类和介绍③

在JavaScript 中通过鼠标触发的事件我们常用的有: ①、鼠标点击事件; ②、鼠标移入事件; ③、鼠标移出事件; ④、事件冒泡; 下面就简单的介绍一些这几种事件,以及实例中的应用。 4、事件冒泡:是当有多个相同事件同时触发的时候,事件就会从低到高的传递。 这么说可能不好理解,我举个例子:<!DOCTYPE html> <html> <head>

2016-10-11 20:12:49 798

原创 JavaScript常用鼠标事件的分类和介绍②

在JavaScript 中通过鼠标触发的事件我们常用的有: ①、鼠标点击事件; ②、鼠标移入事件; ③、鼠标移出事件; ④、冒泡事件; 下面就简单的介绍一些这几种事件,以及实例中的应用。 2、鼠标移入事件:onmouseover; 鼠标指针移动到指定目标时发生的事件。 3、鼠标移出事件:onmouseout;鼠标指针移出制定目标是发生的事件。 一般这两个事件是一起使用的。两

2016-10-11 17:27:20 505

原创 JavaScript常用鼠标事件的分类和介绍①

在JavaScript 中通过鼠标触发的事件我们常用的有: ①、鼠标点击事件; ②、鼠标移入事件; ③、鼠标移出事件; ④、冒泡事件; 下面就简单的介绍一些这几种事件,以及实例中的应用。 1、鼠标点击事件: onclick ;简单的说就是鼠标指针,点击指定目标时发生的事件。 语法:onclick="SomeJavaScriptCode"支持该事件的标签<a>, <address>, <

2016-10-11 16:44:49 667

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除