资源描述
单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,2012/7/29 Sunday,#,超链接的类型,.,基本语法,显示的文本或图片,href,：要链接到的目标地址,target,：要显示超链接内容的窗口名，默认为当前窗口,实例展示,内部链接（同一站点内部网页间链接）,.,外部链接（不同站点之间）,.,E-mail,链接,.,下载链接,.,锚点链接（指向同一网页的某个位置）,.,.,空链接（用于向页面的对象、文本附加行为）,脚本链接,网页间切换效果,Page-Enter,和,Page-Exit,基本语法,duration:,切换效果持续时间，单位秒。,transition:,切换方式，有,24,种，取值,0 23,。,切换,效果,切换效果,参数值,切换效果,参数值,矩形从大到小,0,随机溶解,12,矩形从小到大,1,从上下向中间展开,13,圆形从大到小,2,从中间向上下展开,14,圆形从小到大,3,从两边向中间展开,15,向上推开,4,从中间向两边展开,16,向下推开,5,从右上向左下展开,17,向右推开,6,从右下向左上展开,18,向左推开,7,从左上向右下展开,19,垂直型百叶窗,8,从左下向右上展开,20,水平型百叶窗,9,随机水平细纹,21,水平棋盘,10,随机垂直细纹,22,垂直棋盘,11,随机选取一种特效,23,CSS,样式表,Cascading Style Sheet,层叠样式表或级联样式表,基本语法,HTML,标签,属性,1:,属性值,;,属性,2:,属性值,;,如：,H1font-family:”,黑体,”,；,color:blue,多个标签具有相同属性，则可将其合并,如：,B,I,H1font-family:”,黑体,”,；,color:blue,采用注释标记可防止低版本浏览器不认识,CSS,，将其代码忽略,如,创建,CLASS,如：,H1.c1color:red;text-decoration:underline,H1.c2color:blue;text-decoration:none,.c3font-size:10pt;color:#CCCCFF ,.,红色带下划线,H1,标题,蓝色无下划线,H1,标题,使用,ID,语法：,#id,名,属性,1:,属性值,;,属性,2:,属性值,;,引用方法：,语法,1,：标签,.,类名,属性,:,属性值,;,语法,2,：,.,类名,属性,:,属性值,;,引用方法：,CSS,的放置,内联样式表,1,放在,标签内,2,直接插入，如,外部样式表,建立独立的文本文件（,标签之间的内容），扩展名“,.css,”，然后对其引用（可引用多个外部样式表）即可。,1,标记链接,2import,导入,import “exa.css”;,import “style/other.css”;,样式冲突,将两个或更多个,CSS,规则应用于同一文本的情况称为样式冲突。,针对样式冲突，浏览器按照以下方式应用,CSS,规则：,1.,综合显示多种规则所有属性，除非特定属性冲突。,2.,发生冲突时，采取就近原则（如内联样式优先外部样式、显示离文本最近的属性等）。,3.,若有直接冲突（如,，其中,blue,类定义字体为蓝色，与,color,属性冲突），自定义,CSS,规则（使用,CLASS,属性应用的规则）中属性覆盖,HTML,标签样式中属性。,CSS,滤镜,语法格式：,filter:filtername(parameters),filter:CSS,滤镜属性标识符。,filtername:,滤镜名称。,parameters:,各滤镜属性的参数。,CSS,滤镜种类及功能,滤镜名称,功能,滤镜名称,功能,Alpha,透明度,Gray,灰度,BlendTrans,淡入淡出转换效果,Invert,底片效果,Blur,模糊效果,Light,灯光投影,Chroma,指定颜色透明,Mask,透明膜,DropShadow,投射阴影,RevealTrans,切换效果,FlipH,水平翻转,Shadow,阴影效果,FlipV,垂直翻转,Wave,利用正弦波打乱图片,Glow,外边界发光效果,Xray,X,射线照片效果,Alpha-,透明度,Alpha(Opacity=?,FinishOpacity=?,Style=?,StartX=?,StartY=?,FinishX=?,FinishY=?),Opacity:,透明度等级（,0100,），,0,完全透明，,100,完全不透明。,FinishOpacity,：设置结束时的透明度，从而达到一种渐变效果。,Style,：透明区域形状特征，,0,代表统一形状，,1,代表线性，,2,代表放射状，,3,代表长方形。,StartX,、,StartY,：渐变透明效果的开始坐标。,FinishX,、,FinishY,：渐变透明效果的结束坐标。,Chroma-,指定颜色透明,filter:Chroma(color=color),FlipH,和,FlipV-,翻转,Filter,：,FlipH,Filter,：,FlipV,可综合使用：,Filter,：,FlipH FlipV,Glow-,边缘发光效果,Filter,：,Glow(Color=?,Strength=?),Color:,指定发光的颜色。,Strength:,指定发光的强度，,1255,，值越大发光效果越明显。,Gray-,灰度,Filter,：,Gray,Invert-,底片效果,Filter,：,Invert,Mask-,透明膜,Filter,：,Mask(Color=?),Color,：指定用什么颜色作为掩膜。,Blur-,模糊效果,filter,：,Blur(Add=?,Direction=?,Strength=?),Add:,是否被改变成模糊效果，有,true,和,false,两个参数。,Direction:,设置模糊的方向，模糊效果按顺时针方向进行，,0,度代表垂直方向，每,45,度一个单位，默认是向左,270,度。,Strength:,设置有多少像素的宽度将受到模糊影响，默认,5pt,，只能使用整数值。,DropShadow-,投射阴影,Filter:DropShadow(Color=?,OffX=?,OffY=?,Positive=?),Color:,投射阴影的颜色。,OffX,、,OffY:X,、,Y,方向的阴影偏移量，值为整数，正整数代表,X,轴的右方向和,Y,轴的向下方向，负整数则相反。,Positive:,有,true,和,false,两个参数，,true,为任何的非透明像素建立可见的投影，,false,为透明的像素部分建立可见的投影。,Shadow-,投影,Filter,：,Shadow(Color=?,Direction=?),Color:,投影颜色。,Direction:,指定投影方向，与,Blur,滤镜的,direction,参数相同。,与,DropShadow,的区别：,Shadow,的投影是连续的，而,DropShadow,是用偏移来定义投影的。,Wave-,以垂直波纹样式打乱,Filter:Wave(Add=?,Freq=?,LightStrength=?,Phase=?,Strength=?),Add:,参数,true,表示打乱，,false,表示不打乱。,Freq:,在对象上共产生多少个完整波纹（生产波纹的频率）。,LightStrength:,对生成的波纹增强光影效果，,0-100,。,Phase:,设置正弦波开始的偏移量，,0-100,。,Strength:,振幅大小。,Xray-X,射线,Filter,：,Xray,Light-,灯光投影,Filter,：,Light,Light,滤镜有如下几种方法：,AddAmbient,：加入包围的光源。,AddCone,：加入锥形光源。,AddPoint,：加入点光源。,Changcolor,：改变光的颜色。,Changstrength,：改变光源强度。,Clear,：清除所有光源。,MoveLight,：移动光源。,RevealTrans-,网页切换效果,Filter,：,RevealTrans(Transition=?,Duration=?),BlendTrans-,淡入淡出,Filter,：,BlendTrans(Duration=?),Duration:,特效持续时间。,J,avaScript,JavaScript,的嵌入,放在,标记之间，该标记可放在网页中的任何位置（,Body,和,Head,之中）。,将,JavaScript,程序以扩展名,”.js”,单独存放，然后调用，如,:,。,语言基础,1.,变量定义,var temp;,2.,运算符,算术：,+,、,-,、*、,/,、,%,、,+,、,-,等。,比较：,、,=,、,=,、,!=,等。,逻辑：,&,、,|,等。,3.,流程控制,ifelse,switch,语句,for,循环,while,循环,4.,函数,function,
展开阅读全文