摘要:
三目运算符又叫三元运算符: 如名字表示, 三元运算符需要三个操作数。语法是 条件 ? 结果1 : 结果2;.这里你把条件写在问号(?)的前面后面跟着用冒号(:)分隔的结果1和结果2。满足条件时结果1否则结果2。 案例1: var bDown = true; bDown = oEvent.wheelD 阅读全文
摘要:
添加事件(有兼容性) /*注册事件*/ if(document.addEventListener){ document.addEventListener('DOMMouseScroll',scrollFunc,false); } window.onmousewheel=documen... 阅读全文
摘要:
document.createElement()的用法 document.createElement()是在对象中创建一个对象,要与appendChild() 或 insertBefore()方法联合使用。其中,appendChild() 方法在节点的子节点列表末添加新的子节点。insertBefo 阅读全文
摘要:
使用方法 <!-- cursor属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状;--> div { cursor: [某个值] } 鼠标样式: 值描述 url 需使用的自定义光标的 URL。 注释:请在此列表的末端始终定义一种普通的光标,以防没有由 URL 定义的可用光标。 default 阅读全文
摘要:
touch事件前言一个触屏网站到底和传统的pc端网站有什么区别呢,交互方式的改变首当其冲。例如我们常用的click事件,在触屏设备下是如此无力。手机上的大部分交互都是通过touch来实现的,于是,对于触屏的交互式网站,触摸事件是相当重要的。Apple在iOS 2.0中引入了触摸事件API,Andro... 阅读全文
摘要:
Transform根据我的理解,transform和width、height、background一样,都是dom的属性,不同的是它是css3旗下的,比较屌,能够对原来的dom元素进行移动、缩放、转动、拉长或拉伸,跟canvas上的某些api神似,这么说来transform好像能干些js才能干的事。... 阅读全文
摘要:
CSS3 过渡通过 CSS3,我们可以在不使用 Flash 动画或 JavaScript 的情况下,当元素从一种样式变换为另一种样式时为元素添加效果。过渡属性属性描述CSStransition简写属性,用于在一个属性中设置四个过渡属性。3transition-property规定应用过渡的 CSS ... 阅读全文
摘要:
3D 转换1. rotateX()2. rotateY()otateX() 方法通过 rotateX() 方法,元素围绕其 X 轴以给定的度数进行旋转。示例:div{transform: rotateX(120deg);-webkit-transform: rotateX(120deg); /* S... 阅读全文
摘要:
CSS3 转换通过 CSS3 转换,我们能够对元素进行移动、缩放、转动、拉长或拉伸。2D 转换在本次,您将学到如下 2D 转换方法:1. translate()2. rotate()3. scale()4. skew()5. matrix() translate() 方法通过 translate()... 阅读全文
摘要:
使用自己需要的字体在新的 @font-face 规则中,您必须首先定义字体的名称(比如 myFirstFont),然后指向该字体文件。如需为 HTML 元素使用字体,请通过 font-family 属性来引用字体的名称 (myFirstFont):实例 使用粗体字体您必须为粗体文本添加另一个包含描述... 阅读全文
摘要:
CSS3 文本效果1. text-shadow2. word-wraptext-shadow属性使用方法text-shadow属性使用方法如下所示。text-shadow:length length length color 其中,前面三个length分别指阴影离开文字的横方向距离、阴影离开文字的... 阅读全文
摘要:
css3背景1. background-size2. background-origin3. background-clip示例:className{ background:url(bg_flower.gif); -moz-background-size:63px 100px; /* 老版本的 ... 阅读全文
摘要:
border-image属性.className{ border-image:url(/course/54d1cae088dba03f2cd1fec1/img/border.png) 20 20 20 20 / 20px; -webkit-border-image:url(/course/54d... 阅读全文
摘要:
绘制一个圆角边框的示例.div{ border: solid 5px blue; border-radius: 20px; -moz-border-radius:20px; -o-border-radius: 20px; -webkit-border-radius:20px; backg... 阅读全文
摘要:
CSS3的属性选择器主要包括以下几种:1. E[attr^="value"]:指定了属性名,并且有属性值,属性值是以value开头的;2. E[attr$="value"]:指定了属性名,并且有属性值,而且属性值是以value结束的;3. E[attr*="value"]:指定了属性名,并且有属性值... 阅读全文