oHayHay-CSDN博客

原创样式，表现分离--微博发言三种方式

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>微博用户发言</title> <style type="text/css"> *{margin:0;padding: 0} h6{font-size: 14px} .demo1{width: 600px;position: relat

2016-07-13 21:59:36 433

原创 position属性

//相对定位<!DOCTYPE html><html><head> <meta charset="utf-8"></meta> <title>相对定位</title> <style type="text/css"> body{margin:0; padding: 0} .box1{background-color: red;height: 80px;po

2016-07-13 21:58:00 591

原创 float属性

<!DOCTYPE html><html><head> <meta charset="utf-8"></meta> <title>float属性</title> <style type="text/css"> .box1{height: 70px;background-color: red; float: left;} .box2{height: 70px

2016-07-13 21:55:45 465

原创盒子模型

//盒子模型<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>几米书籍</title> <style type="text/css"> *{margin: 0;padding: 0} img{margin:10px 18px;border:1px solid #6D6E6E;} .

2016-07-13 21:53:17 364

原创各种布局（一列，二列，三列，混合布局）

<!DOCTYPE html><html><head> <meta charset="utf-8"></meta> <title>一列布局</title> <style type="text/css"> body{margin:0; padding: 0} .head{height: 80px;background-color: red;} .ma

2016-07-13 21:50:26 792

原创导航条

<!DOCTYPE html><html><head> <meta charset="utf-8"></meta> <title>垂直菜单</title> <style type="text/css"> body{margin:0; padding: 0;font-size: 14px} ul{list-style

2016-07-13 21:45:39 473

原创京东商城导航logo---用js

<!DOCTYPE html><html><head>小技巧</title> <meta charset="utf-8"> <style type="text/css"> body{ padding:0; font-size:10pt; behavior：url(css/csshover

2016-07-13 21:33:43 7023

原创京东商城导航logo---用css

<!DOCTYPE html><html><head> <title>京东css</title> <meta charset="utf-8"> <style type="text/css"> body{ padding:0; font-size:10pt; behavior：u

2016-07-13 21:32:30 2691

原创 js信息滚动marquee标签

//marquee标签<!-- 1.behavior滚动方式 alternate:两端之间来回滚动 scroll:表示一端滚动到另一端，会重复 slide：表示一端滚动到另一端，不会重复2.direction:up,down,left,right;3.scrollamount设定活动字幕滚动速度4.loop滚动次数。l

2016-07-13 21:28:01 418

原创 js中内置对象DATE的使用（倒计时，显示时间，抢时限）

//倒计时天数<!DOCTYPE html><html><head> <title>倒计时</title> <meta charset="utf-8"> <style type="text/css"> /*div{width: 200px;height: 200px;background-color: #D4BEBE}*/ </style> <s

2016-07-13 21:21:41 821

原创 js事件处理（DOM0,DOM2,IE）

事件对象event一、DOM中的事件对象1 type属性 event.type获取事件类型2 target属性 event.target.nodeName获取事件目标,事件是来自哪个元素3 stopPropagation（）阻止事件冒泡4 preventDefault() 阻止事件的默认行为二、IE中的事件对象1 type属性，同上2 srcElement属性 event.srcElem

2016-07-13 21:16:00 397

原创 js动画（运动框架）

function startMove(obj,json,fn){ var flag=true;//假设所有的运动都到达终点 clearInterval(obj.timer); obj.timer=setInterval(function(){ for(attr in json){ //1取当前值

2016-07-13 21:10:49 477

原创前端学习小记（1）

一 htmlcss部分1熟练各种布局方式（一列，两列，三列布局，混合布局）2块级元素，行内元素，内联块级元素3三种定位机制：盒子模型（几米剪辑页），float属性（腾讯软件中心首页），position属性（前端开发教程）等4导航条二 js部分1基础，进阶理论2事件处理（html，DOM0,DOM2级，IE）3js动画(速度，缓冲，多物体，任意值，链式，同时)----

2016-07-13 21:07:29 314

原创 sublime工具使用

/*sublime使用技巧---待补充*/1.打开goto anything（ctrl+p ）查找文件or文件内快速导航（用@）2.打开命令模式（ctrl+shift+p ）修改语法模式 set syntax js minimap3.产生多行光标（ctrl+shift+d快速复制多行文本）法1-----ctrl+d选中后续相同元素 ctrl+

2016-07-13 21:03:12 363

原创 jquery基础知识

Jquery基础课程Jquery基础选择器1、#id 选择器(使用身份证号来找人)2、element 选择器(寻找铅笔)3、.class 选择器(寻找红色铅笔)4、* 选择器(取走全部铅笔)5、sele1,sele2,seleN选择器6、ance desc选择器（后代元素）7、parent > child选择器（第一代子元素）8、prev + next选择器（紧

2016-07-13 21:02:31 393

oHayHay的博客