自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 码农成长记——jquery淡入淡出 滑动效果

2017年1月13日 1. 获得对象集中的某个元素    $($('.menu')[n]) 数组的写法    $('.menu').eq(n) eq()函数的写法 2.    $('.menu').css('background','red');    for(var i=0;i     $($('.menu')[i]).css('background','red');    }

2017-01-16 20:46:01 411

原创 码农成长记——jqurey之同胞关系

2017年1月12日 css();  函数,获取对象css属性值eg: $(".menu").css("display") attr(); 函数,获取对象里面的html属性 prop(); 1.8版本以前不能用 $("#link").attr("href") //获取id为link的a标签的href的值 $("input").attr("value")//获取表单元素的value值 相当

2017-01-12 22:16:32 343

原创 码农成长记——正则下

2017年1月10日 1. menu.setCapture&&menu.setCapture();捕获鼠标输入    SetCapture()和ReleaseCapture()必须成对呈现 2. 正则    1> 元字符    .  任意的一个单个字符    \w 单词字符(英文、数字、下划线)    \W 非单词字符(非英文字母、数字、下划线)    \d 数字字符(0-9)

2017-01-10 22:14:18 305

原创 码农成长记——js(正则上)

1. 所有表单元素传递的值都是value的值 2. onchange 变化事件(只要有一个参数发生变化就会触发事件)js当中所有事件都加了on 3. form元素之select的几个属性     select.selectedIndex 获取已选option的下标值     select.options[n].value 获取下标值为n的option的value值     select.

2017-01-09 23:20:03 330

原创 码农成长记——js(表单元素之select)

1. 所有表单传递的值都是在value属性中 2. onchange 变化事件(只要里面有一个参数发生变化就会触发此事件)//js当中所有事件前面都有一个on 3. form元素之select的几个属性     select.selectedindex  是获取option的下标(下标值人0开始/js,jq,php只要涉及到下标都是从0开始)     select.options[n] 

2017-01-05 19:11:02 399

原创 码农成长记——js(switch)

1. switch(表达式){                 //作用等同于if(){}else if(){}else{}     case 值1: 结果1; break;     case 值2: 结果2; break;     ...     case 值n: 结果n; break;     default: 最终结果;     }  //switch 语句中不加break;

2017-01-05 19:09:58 316

原创 码农成长记——Date

1. window.onload = function(){     //页面中所有元素加载完了之后,再执行里面的代码(最后执行)    } 2. 函数里面声明变量时不加var ,则默认为全局变量。局部变量只能在函数里面 3. 时间函数,做一个计时,做一个倒计时;     var date = new Date();  //实例化一个时间函数;     //var year = dat

2017-01-05 19:08:29 241

原创 码农成长记——innerHTML

1. 获取属性的值/给属性重新赋值   xx.getAttribute(""); //获取属性的值   xx.setAttribute("",a); //给属性重新赋值 a指代存储了值的变量 2. 可以给标签自定义属性并赋值 3. li.innerHTML= "新浪"; //更换标签内所有内容     li.innerText=""; //只更换文本内容 4. 每次函数的变

2016-12-29 22:43:32 320

原创 码农成长记——for循环的应用

1. 单引号可以嵌套双引号,双引号可以嵌套单引号。相同的不能嵌套 2.     不是javascript onclick无法使用 3. 循环嵌套分析技巧 一层层,首先分析大的循环一共要循环多少次,然后再分析小的循环的特点 4. dom元素 class 、标记 document.getElementsByClassName("");//获得的是一个数组 不要忘记加[i]下标

2016-12-28 22:18:49 317

原创 码农成长记——for循环、一维数组

函数的传参     1. 实参与形参要一致(个数与类型) onmouseover 鼠标经过事件 onclick 鼠标点击事件 for(){} 三个参数 1 初始化的参数 2 判断条件 3 i++ document.write();把结果写入到页面中 括号内除非是变量否则都要加引号 Array(); var arr = new Array(); arr[

2016-12-27 20:47:48 288

原创 码农成长记——js之if语句

var score;     score = prompt("请输入你的数数:","");     if(score>=60){         alert("你及格了");     } 0以外的值均为真   0为假  为假则不执行语句 同时判断多种条件 同时为真要使用if语句嵌套  或者使用逻辑与 只有两种情况 if(){ }else{ } 多种情况

2016-12-26 22:04:53 287

原创 码农成长记——js的开端

vbscript    ( asp.net asp ) javasript    (所有语言里面都可以) jscript        (jsp) phpscript    (php) 在网页里面js放入的位置 一般放在header标签里面      它也可以在网页的任何地方 alert(); 弹出函数 语法基础 变量:可以存储临时数据 var

2016-12-24 21:03:54 236

原创 码农成长记——css3 transform filter border-image box-shadow

字体的制作 .style{ font-family:"icomoon" font-size:  ;  } .style:before{     content:"\xxx"; } 各浏览器的兼容写法  css3 -ms-        IE浏览器 -webkit-    谷歌浏览器 -moz-        火狐浏览器 -o-        opera 1

2016-12-19 21:11:14 279

原创 码农成长记——css ul li 中嵌套span

今天为了实现标题的分隔 在ul li 中嵌套了一个span 用css 规定大小然后float:right;结果|跑到span标签的范围之外去了 最后解决的方法是单独使用一个li把|包起来 经验:并排的元素或者没的包含关系的元素 尽量不是去用父子关系的嵌套 采用兄弟关系的并列更容易实现功能

2016-12-12 21:02:35 5448

原创 码农成长记——css之固定定位

1.  top bottom left right   (外边距)    absolute                                        (padding)                                         2.父一级用relative opacity   上标    下标   溢出   overflow

2016-12-11 23:19:08 308

原创 码农成长记——css之hover、定位position

float left/right(对容器整体进行一个水平方向排列) text-align left/center/right(对容器内的文字排列  只对文字有效) 1.无序列表 2.hover属性 a:hover   li:hover   div:hover(做一些下拉菜单,元素的隐藏) display:none/display 3.定位

2016-12-08 21:06:04 1707

原创 码农成长记——css之外边距、内边距

padding-top:10px; padding-bottom:10px; --->直接拉开上下的距离 :边框往上移 float:left;margin-left:10px; --->左对齐的同时 保持间距 盒子模型 margin 外边距(上下左右)找到最近的一个对象(父子关系、兄弟关系) padding 内边距(上下左右)相对于自己 margin-top marg

2016-12-07 21:29:35 462

原创 码农成长记——css之背景与边框

背景 边框 盒子模型 背景 background-image:url(pic/bg.jpg); background-repeat:no-repeat; /* 不可重复 no-repeat不填充 repeat-x水平填充     repeat-y 垂直方向填充 不写这个属性水平跟竖直都填充 */ background-position:30px 30px; 图片的截取

2016-12-06 22:59:41 266

原创 码农成长记——css初识

1、div+css 三种调用方式   网页位置里面的一个位置      属性选择      优先级 样式分类: 1.外部样式  外部调用css文件 2.内部样式  写在head中style标签 3.内联样式   写在单个标签中的style属性 内部样式   只能在本页面使用该样式      内联样式 只能在本标签下面使用     

2016-12-05 21:26:42 263

空空如也

空空如也

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

TA关注的人

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