欢迎来到天天文库
浏览记录
ID:20802919
大小:2.98 MB
页数:29页
时间:2018-10-15
《层的显示隐藏特效tostudent》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、CSS样式特效第三章回顾window对象有哪些常用的方法及其含义?请说明Date对象主要用来做什么?请详细解释setTimeout()方法的功能。详述getElementById()的主要功能详述getElementsByName()的主要功能简述制作浮动广告图片的实现思路制作实现全选效果-1如何实现如图所示的全选或全不选效果?全选效果全不选效果制作实现全选效果-21、复选框是否选中的属性是哪个?2、写代码逐个复选框设置为true,有没有更好的办法?checked属性解决办法:使用复选框数组,通过循环
2、给checked属性赋值制作实现全选效果-3实现思路:创建一组同名的复选框编写脚本1、使用getElementsByName()方法获得一组同名的复选框对象。2、通过循环来改变复选框是否被选中属性checked的值。制作实现全选效果-4functioncheckAll(boolValue){varallCheckBoxs=document.getElementsByName("isBuy");for(vari=0;i3、length;i++){if(allCheckBoxs[i].type=="checkbox")allCheckBoxs[i].checked=boolValue;}}……全选全不选4、pg"width="845"height="18">……判断同名元素中是否是复选框是复选框就改变是否选中属性checked的值实现全选效果(二)functionselectAll(che){varlist=document.getElementsByTagName("input");for(i=0;i5、kbox1"type="checkbox"onclick="selectAll(this)"/>all小结1用以上两种方法实现全选/全不选本章任务页面效果页面效果制作51job的弹出层效果制作改变边框样式、按钮图片样式的特效本章目标会使用style样式属性动态改变边框颜色会使用className类名属性动态改变按钮背景图片会使用display显示属性实现层或图片的隐藏/显示和切换特效回顾已学的CSS样式表-1样式规则的语法是什么?用法有哪些?行内样式内嵌样式外部样式表回顾已学的CSS样式表-2-1回顾6、HTML中讲过的CSS样式表,常见的样式有哪些?回顾已学的CSS样式表-2-2文本属性说明font-size字体大小font-family字体类型font-style字体样式color设置或检索文本的颜色text-align文本对齐背景属性说明background-color设置背景颜色background-image设置背景图像background-repeat设置一个指定的图像如何被重复回顾已学的CSS样式表-2-3名称说明不带下划线的超连接A{color:blue;text-decoration7、:none;}A:hover{color:red;text-decoration:underline;}细边框样式.boxBorder{border-width:1px;border-style:solid;}图片按钮样式.picButton{background-image:url(images/back2.jpg);border:0px;margin:0px;padding:0px;height:23px;width:82px;font-size:14px;}回顾已学的CSS样式表-3制作如下图所8、示的“回顾样式.html”的页面效果细边框样式图片按钮样式超链接样式制作改变字体大小的样式特效实现思路1、创建改变样式的JavaScript代码this.style.fontSize='24px'this.style.fontSize='14px‘2、利用鼠标相关事件调用JavaScript代码onMouseOver="this.style.fontSize='24px'“onMouseOut="this.style.fontSize='14px'"使用
3、length;i++){if(allCheckBoxs[i].type=="checkbox")allCheckBoxs[i].checked=boolValue;}}……
4、pg"width="845"height="18">
5、kbox1"type="checkbox"onclick="selectAll(this)"/>all小结1用以上两种方法实现全选/全不选本章任务页面效果页面效果制作51job的弹出层效果制作改变边框样式、按钮图片样式的特效本章目标会使用style样式属性动态改变边框颜色会使用className类名属性动态改变按钮背景图片会使用display显示属性实现层或图片的隐藏/显示和切换特效回顾已学的CSS样式表-1样式规则的语法是什么?用法有哪些?行内样式内嵌样式外部样式表回顾已学的CSS样式表-2-1回顾
6、HTML中讲过的CSS样式表,常见的样式有哪些?回顾已学的CSS样式表-2-2文本属性说明font-size字体大小font-family字体类型font-style字体样式color设置或检索文本的颜色text-align文本对齐背景属性说明background-color设置背景颜色background-image设置背景图像background-repeat设置一个指定的图像如何被重复回顾已学的CSS样式表-2-3名称说明不带下划线的超连接A{color:blue;text-decoration
7、:none;}A:hover{color:red;text-decoration:underline;}细边框样式.boxBorder{border-width:1px;border-style:solid;}图片按钮样式.picButton{background-image:url(images/back2.jpg);border:0px;margin:0px;padding:0px;height:23px;width:82px;font-size:14px;}回顾已学的CSS样式表-3制作如下图所
8、示的“回顾样式.html”的页面效果细边框样式图片按钮样式超链接样式制作改变字体大小的样式特效实现思路1、创建改变样式的JavaScript代码this.style.fontSize='24px'this.style.fontSize='14px‘2、利用鼠标相关事件调用JavaScript代码onMouseOver="this.style.fontSize='24px'“onMouseOut="this.style.fontSize='14px'"使用
此文档下载收益归作者所有