Courses in the relevant section：Javascript basic tutorial event model

内联模型 和HTML代码混合在一起，并没有与HTML代码分离 脚本模型 我们不要看见写js代码，js 的代码，我们是放另外一个文件中的

2016-11-250个赞

Courses in the relevant section：CSS3 RGBA color

R(red)：红色值。正整数 | 百分数。 G(green)：绿色值。正整数 | 百分数。 B(blue)：蓝色值。正整数 | 百分数。 A(Alpha)：Alpha透明度，取值0~1之间。

2016-11-240个赞

Courses in the relevant section：Javascript basic tutorial events

onchange 改变事件 onclick 点击事件 onkeydown 键盘事件 onload 加载事件

2016-11-250个赞

Courses in the relevant section：css3 linear-gradient linear gradient

linear-gradient线性渐变 radial-gradient径向渐变。

2016-11-240个赞

Courses in the relevant section：Javascript basic tutorial event small example

<input type="button" value="点击" onclick="bt()"> <script type="text/javascript"> function bt(){ var div=document.getElementById("dv"); div.style.backgroundColor="red"; } </script>

2016-11-250个赞

Courses in the relevant section：Javascript Basics Tutorial: Show and Hide Examples

<script type="text/javascript"> function bt(){ var div=document.getElementById("dv"); div.style.display="none"; } function bt1(){ var div=document.getElementById("dv"); div.style.display="block"; } </script>

2016-11-250个赞

Courses in the relevant section：css3 radial-gradient() radial gradient

closest-side：指定径向渐变的半径长度为从圆心到离圆心最近的边。 closest-corner：指定径向渐变的半径长度为从圆心到离圆心最近的角。 farthest-side：指定径向渐变的半径长度为从圆心到离圆心最远的边。 farthest-corner：指定径向渐变的半径长度为从圆心到离圆心最远的角。 contain：包含，指定径向渐变的半径长度为从圆心到离圆心最近的点。类同于closest-side。 cover：覆盖，指定径向渐变的半径长度为从圆心到离圆心最远的点。类同于farthest-corner。

2016-11-240个赞

Courses in the relevant section：Javascript basic tutorial sliding door effect

<script language="javascript"> function tabChange(obj,id){ var arrayli = obj.parentNode.getElementsByTagName("li"); //获取li数组 var arrayul = document.getElementById(id).getElementsByTagName("ul"); //获取ul数组 for(i=0;i<arrayul.length;i++){ if(obj==arrayli[i]){ arrayli[i].className = "cli"; arrayul[i].className = ""; }else{ arrayli[i].className = ""; arrayul[i].className = "hidden"; } } } </script>

2016-11-250个赞

Courses in the relevant section：text-overflow 与 word-wrap

text-overflow:ellipsis; overflow:hidden; white-space:nowrap;

2016-11-240个赞

Courses in the relevant section：@font-faceembedded font

@font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径; }

2016-11-240个赞

Courses in the relevant section：CSS3 text-shadow text shadow

颜色:表示阴影的颜色值。 x轴:水平方向的偏移量，单位是像素。 y轴:垂直方向的偏移量，单位是像素。 模糊半径:阴影的影响范围，不能为负值，值越大越模糊。

2016-11-240个赞

Courses in the relevant section：jQuery The first jquery program

$(function(){ 代码块 })

2016-11-240个赞

Courses in the relevant section：background-origin

border-box 规定背景图片从border区域开始绘制（包括border） padding-box 规定背景图片是从padding开始绘制的，包括padding区域 content-box 规定背景图片是从内容区域开始绘制的

2016-11-240个赞

Courses in the relevant section：The difference between jQuery juery and native js

<div id="dv"></div> <script type="text/javascript"> // window.onload=function(){ // var div = document.getElementById('dv'); // div.innerHTML="php 中文网"; // } $(function(){ var div = $('#dv'); div.html("php中文网"); }); </script>

2016-11-240个赞

Courses in the relevant section：background-clip

tex 从前景内容的形状（比如文字）作为裁剪区域向外裁剪，也就是说只有前景内容的形状内显示背景图片

2016-11-240个赞