- 博客(33)
- 收藏
- 关注
RSS订阅原创 图片的轮播（轮播图）
首先，既然使用了jquery，制作方法就不再是最基础的那种将图片列表的位置一直改变，例如：切第二张图片left:-100px，切第三种图片left:-200px等等。这种方法在从最后一张图回第一张图时会快速倒回去进行轮播（肯定不是你想要的对不对）其次，制作目标是轮播基本的三个功能：自动播放 ；光标移入停止播放，移开继续播放 ；按钮操作前/后张图片切换。再然后，制作图片轮播的方法网上非常...
2017-02-27 18:03:04
296
原创 隐藏和显示
通过jquery的css方法，设置div隐藏代码如下:$("#sendPhoneNum").css("display", "none"); hide()函数,如果被选的元素已被显示，则隐藏该元素。语法：$(selector).hide(speed,callback)实现隐藏,括号里可以带一个时间参数(毫秒)例如hide(2000)以2000毫秒的速度隐藏,还可以带带s...
2017-02-23 17:55:35
126
原创 鼠标移入移出事件
鼠标的移入移出事件：hover、mouseenter、mouseleave、mouseover、mouseouthover:鼠标进入元素的子元素时不会触发‘鼠标移开’的事件；$("#"+id).find("tr").hover(function(){ $(this).css({"backgruond-color","pink"});//当鼠标移进 触发事件 },fu...
2016-12-22 09:26:25
192
原创 z-index
z-index 属性是设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素前面。 该属性的属性值可以拥有负值； z-index : auto | numberauto：默认值。number：无单位的整数值，可为负数。最大100。z-index 值较大的元素将叠加在z-index值较小的元素之上。对于未指定此属性的定位对象，z-index 值为正数的对象会在其之上，...
2016-12-15 17:06:49
118
原创 动画效果
animate() 方法执行 CSS 属性集的自定义动画。通过改变CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的。语法： $(selector).animate(styles,speed,easing,callback) styles:必需，规定产生动画css样式效果。speed:可选，规定动画速度有四个值（单位：毫秒）默认是 "norma...
2016-12-11 15:03:26
104
原创 相对定位 绝对定位
相对定位：如果对一个元素相对定位的话，然后，可以通过设置垂直或水平位置，让这个元素相对于它的本身进行移动。属性并没有脱离文档流的，所以元素本身所占的位置会保留。。因此，移动元素会导致它覆盖其它框。（相对定位实际上被看作普通流定位模型的一部分，因为元素的位置相对于它在普通流中的位置。）例子：<html><head><style type="text/...
2016-12-05 09:15:56
146
原创 下划线滑动
下划线滑动,最后一个li空着，留着后面有用，通过绝对定位，把最后一个 li.quebec 定位到导航下方，设置宽度高度。设置 transition，当我们改变 left, width的时候就能实现动画。 <div class="info"> <ul> <li class="community"><...
2016-11-30 18:13:26
225
原创 javascript 代码整理
javascript 文件命名：所有的文件名应该都遵循同一命名约定。减号（-）是用来分隔文件名的不二之选。文件命名总要以字母开头，而不是数字。（字母小写）html规范<!DOCTYPE html><meta charset="utf-8"><title>Test </title> 不推荐：<!DOCTYPE...
2016-11-26 17:40:52
93
原创 jquery
JSON 指的是JavaScript对象表示法，当我们建立一个JSON文件时，利用$.getJSON()调用。 $.getJSON()是专门为ajax获取json数据而设置的，并且支持跨域调用。 $.getJson()本身是异步操作的方法，需要经过设置才能够同步。因为是异步问题，当我们调用文件时，$.getJSON()根本没有执行，所以在方法下在保存，或者把$.getJ...
2016-11-21 18:40:59
92
原创 jquery tmpl模板
jquery.tmpl模板是用模版生成htｍl的框架其中的一种。首先需要下载tmpl文本，引入到你的html文件中，在html文件中写代码举例： <!DOCTYPE html><html><body><head><script type="text/javascript" src="../javascript...
2016-11-12 13:09:16
137
原创 jquery选择器
jquery元素选择器允许对html元素组或单个元素进行操作。jquery所有选择器都是以$()开头。首先jquery元素选择器：$("b") 选取 <p> 元素。$("b.into") //选取所有 class="into" 的 <b> 元素。$("b#demo") //选取所有 id="demo" 的 <b&
2016-10-24 19:14:12
114
原创 html点击事件
当我们点击按钮执行代码，向html事件添加javascript代码 执行代码html: <button type="submit" id="just">Bar</button> js写法：document.getElementById('#just').addEventListener('click', function() {});//.get...
2016-10-24 13:19:34
556
原创 .gitignore
.gitignore:隐藏文件。当我们往git hup传文件时有一些系统生成，或者我们不需要的文件同时会传到我们建的工程上，那么烦人的文件可以通过.gitignore来隐藏起来。首先我们先找到我们所需的文件，git status 来查看状态,后编辑.gitignore文件gedit.gitignore 会弹出一个文本编辑框，把不需要的文件写入进去 然后在把你往.gitig...
2016-10-16 17:26:28
110
原创 html 部分标签
<a>标签：超链接，从一个页面链接到另一个页面<a>标签的属性最重要的是href，它指定的是链接的目标<a href>指定链接的URL用法<a href="value"> 另外属性就是通过使用name和id，创建一个文档内部文件的书签（可以指向文档片段的链接）默认的样式：未被访问的链接带有下划线且为蓝色；已被访问的链接...
2016-10-10 19:13:18
131
原创 HTML+CSS基础
学习了css样式之前用html<body bgcolor-"#FF0000"> 同样可以用css这样来写：body{background-color:#FF0000;} 选择器：表明花括号中的属性设置将应用于哪些HTML元素例如“body” 属性：例如用于设置背景颜色的属性“background-color”等等value：比如说backgrou...
2016-09-26 20:54:03
91
原创 html
这几天看了html文档，感觉好多内容啊什么是HTML呢？HTML 指超文本标签语言首先是里面的大概框架<html> <head> <title>页面标题</title> </head> <body> 文件主题 </body> </html&
2016-09-23 18:38:53
103
原创 Ubuntu 安装webstorm
首先先得配置JDK环境：1.添加PPA，打开你的终端代码：sudo add-apt-repository ppa:webupd8team/java sudo apt-get update （更新的话需要这一条，刚开始安装不需要哦） 2.安装oracle-java-installesudo apt-get install oracle-java7-installer ...
2016-09-19 18:57:46
159
原创 javascriptcall()和apply()用法
call 和apply通常是用来修改函数的上下文，函数中的this指针将被替代为它们的第一个参数。var jack={name:"jack",age:20}var join={name:"join",age:19}function printName(){return this.name;}var arr=printName.call(jack);...
2016-09-13 09:03:53
110
原创 javascript函数总结（二）
1、Function 构造函数（即上次总结继续哦）不管是通过函数定义语句还是函数直接量表达式，函数的定义都要使用function关键字。但函数还可以通过Function()构造函数来定义Function()构造函数可以传入任意数量的字符串实参var f = function(x,y){ return x*y }; 可调用的对象是一个对象，可以在函数调用表达式中调用这个对象。所有的函...
2016-09-10 20:27:32
107
原创 javascript中toString()方法和valueof()方法
1、toString()方法：主要用于Array、Boolean、Date、Error、Function、Number等对象转化为字符串形式。日期类的toString()方法返回一个可读的日期和字符串。数组形式：var array = ["CodePlayer", true, 12, -5]; console. log( array.toString() ); 输出的形...
2016-09-05 18:36:49
167
原创 函数总结（一）
函数即对象。比如，JS可以把函数赋值给变量，或者作为参数传递给其他函数。因为函数就是对象，所以可以给它们设置属性，甚至调用它们的方法。嵌套函数：内部函数可以读写外部函数定义的参数function f () { var x = 'local'; function g() { alert(x); } g();} f...
2016-09-03 19:35:47
73
原创 数组的学习整理
数组的元素是任意对象，可以有不同的元素也可以有不同类型，根据需要数组会增长缩减，每个数组都有个length表示数组元素的个数,所有的数组都是对象 var score=[]//空数组;var score=new Array();创建没有任何元素的空数组稀疏数组是从零开始的不连续索引的数组。数组的长度var num=[1,2,3,4,5,6]; num.length=3;//n...
2016-08-28 13:59:01
107
原创 整理关于对象属性知识
访问对象的属性两种方式：person.name或person["name"]什么时候报属性访问值错误呢？查询一个不存在的属性不会报错，在对象自带属性、继承属性中均未找到查的属性，返回undefined。但是当对象不存在时，要查不存在的对象的属性就会报错，null和undefined是没有属性的，要查他们的属性就会报错。var object={name:xiao,age:12}...
2016-08-27 10:58:50
150
原创 逻辑表达式
逻辑表达运算符“&&“、“||”、“！”是对运算进行布尔算术运算的，跟关系运算符一起配合使用。1、逻辑与（&&）“&&”运算符：当操作数都是布尔值的时候，其实就是俩个值执行（AND）操作，当第一个表达式和第二个表达式都是true的时候返回true，否则当有一条表达式是false,返回的就是false。“&&”还可以用来连...
2016-08-21 18:14:41
665
原创 给ubuntu中谷歌配置host
第一步：下载google浏览器。 第二步：安装64位google chrom的浏览器:wget https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb32位的google chrom浏览器安装:wget https://dl.google.com/linux/direct/google-...
2016-08-20 18:01:13
369
原创 强制类型转换
强制类型转换把一种类型的值强制转换成另一只种：Boolean():Boolean(2) returntrue 当转换的值至少有一个字符的字符串或者非0数字或者对象时Boolean()函数将返回'true';那如果该值是空字符串或者数字0和undefined、null，Boolean()返回的是 "false"。Boolean('') 输出为'fals...
2016-08-13 12:07:13
74
原创 split 分割和 js 取整
split 用于把字符串拆分成数组var str='234567-891';var n=str.split('-');console.log(n) 上述输出的为; ['234567' '891']当字符串中有相同的值的话会直接把字符串分割成多个的。字符串分割后会变成多个我要取第二个数的话则var str="123-456";vat strs=str.split...
2016-08-12 18:02:17
241
原创 函数 function
创建函数语法function 函数名（var1,var2...）{代码}其中var1，var2是参数，当没有参数的时候需加（）；var myFunction（'Bill','CEO'）function myFunction(name,job){alert("Welcome " + name + ", the " + job);} 上例输出结果是："...
2016-08-07 20:19:21
92
JavaScript
js基础:1:算术运算符+ 加号- 减号/ 除号* 乘号% 求余++ 累加-- 递减；七种运算符的优先级依次递减是: ++ -- ， * / % ， + -；例子：x=5;y=3;z=x+y;z=8 算术运算符用于执行变量或值之间的运算。字符串+运算符 var txt1="hello";var txt2="wor...
2016-08-05 18:07:23
74
push()用法
push()定义用法push()方法可向数组末尾添加一个或多个元素并返回新的长度。注意：新元素将添加在元素末尾 改变数组的长度。 想在数组起始位置加元素用unshift()方法。语法：arry.push('item1','item2','item3') 参数item1：必需添加一个元素；item2：可选添加俩个元素；item3：可选添...
2016-07-29 18:10:24
2855
原创 indexOf()用法
定义和用法 indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。 语法： [code=&quot;js&quot;]stringObject。indexOf（searchvalue，fromindex） 参数：1、searchvalue：必需规定需检索的字符串值；2、fromindex：可选的整数参数，规定在在字符串中开始检索的位置它的合法取值是 0 到 ...
2016-07-28 09:22:58
144
null与undefined区别
null是JavaScript语言关键字表示一个特殊值，常用来描述“空值”。也可以将null认为是一个特殊对象值，null可以表示数字、字符串和对象是“无值”的undefined表示值的空缺。是变量的取值，表明变量没有初始化，再查对象属性或数组元素返回undefined这说明这个元素不存在undefined预定义全局变量（不是关键字），他的值就是未定义。可以给它赋值。尽管null和un...
2016-07-25 20:45:23
83
原创 forEach遍历循环
[color=darkred][/color]Javascript 数组循环遍历之forEach1. js 数组循环遍历。数组循环变量，最先想到的就是 for(var i=0;i 类似continue...
2016-07-23 21:50:51
259
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人