8-CSS特效制作(二)综述.pptx

第八章　 CSS特效制作(二) 掌握常用的样式 使用DOM来动态改变元素的样式 样式在页面中的应用 本章目标 复习学习过的框架 属性值 说明 cols 垂直分割窗口，接收整数值、百分数。例如cols=30,*,50% 把整个窗口垂直方向上分成三个子窗口，第一个窗口是 30 pix的宽度，为一绝对分割，第三个窗口则占整个窗口的 50% 宽度，剩下的空间都给了第二个窗口。 rows 水平分割窗口，接收整数值、百分数。例如rows=30,*,50% 把窗口水平方向上分成三个子窗口，第一个窗口是 30 pix的宽度，为一绝对分割，第三个窗口则占整个窗口的 50% 宽度，剩下的空间都给了第二个窗口 frameborder 设置框架的边框，取值 0 和 1 ，0 表示不要边框， 1 表示要显示边框。（避免使用 yes 或 no ） border 设置框架的边框宽度，以 pix 为单位 bordercolor 设置框架的边框的颜色 framespacing 设置框架与框架间的保留空白的距离 cols 垂直分割窗口，接收整数值、百分数。例如cols=30,*,50% 把整个窗口垂直方向上分成三个子窗口，第一个窗口是 30 pix的宽度，为一绝对分割，第三个窗口则占整个窗口的 50% 宽度，剩下的空间都给了第二个窗口。 rows 水平分割窗口，接收整数值、百分数。例如rows=30,*,50% 把窗口水平方向上分成三个子窗口，第一个窗口是 30 pix的宽度，为一绝对分割，第三个窗口则占整个窗口的 50% 宽度，剩下的空间都给了第二个窗口 frameborder 设置框架的边框，取值 0 和 1 ，0 表示不要边框， 1 表示要显示边框。（避免使用 yes 或 no ） border 设置框架的边框宽度，以 pix 为单位 bordercolor 设置框架的边框的颜色 framespacing 设置框架与框架间的保留空白的距离 -- 主窗体代码 -- html head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title仿新浪论坛/title /head frameset rows=150,* cols=* frameborder=no border=0 framespacing=0 frame src=logo.html name=topFrame scrolling=No noresize=noresize id=topFrame title=topFrame / frameset cols=160,* frameborder=no border=0 framespacing=0 frame src=left.html name=leftFrame id=leftFrame scrolling=no noresize=noresize title=mainFrame / frame src=main.html name=mainFrame id=mainFrame scrolling=no noresize=noresize title=leftFrame / /frameset /frameset noframes你所用的浏览器的太老了！/noframesbody /body /noframes /html 仿新浪论坛的树形菜单-主窗体 基于框架的特效1-1 htmlhead meta http-equiv=Content-Type content=text/html; charset=gb2312 / title树形菜单/title style type=text/css .divStyle2 { font-size: 14px; color: #000000; line-height:22px; background-color:#1E90FF;display:none;padding-left:15px;width:150px; height:20px; } .divStyle1 { background-color:#1874CD;width:150px; height:20px ;} a{font-size: 14px; color: #000000; text-decoration:: none} a:hover {font-size: 14px; color: #999999} /style script type=text/javascript var items = new Array(school,army,reading,pe,sciences); function show(param