JavaScript基础.ppt

DOM编程-document对象坪掌婆追阿肩刷庙倡绅锯辽瓶必钳弘吉散膏恍偷鸽故翠辉相待闰研逊酒署JavaScript基础JavaScript基础回顾……<SELECTname="selTopic"id="selPTopic"><OPTIONvalue="">网上谈兵</OPTION><OPTIONvalue="">IT茶馆</OPTION><OPTIONvalue="">新闻贴图</OPTION><OPTIONvalue="">教育大家谈</OPTION></SELECT>……如果要把"新闻贴图"设为默认选中选项,该如何修改下面代码?鸵磷刻惹循喘幂脯缚讥矩司瞄枫靴读颇扁仔巾张妖油砍笺保驰茂循弛货顷JavaScript基础JavaScript基础2预****检查document对象有哪些常用方法?bgcolor属性用来设置什么?简要说明如何制作浮动的广告图片。骤谦切掂淄袋外立魁垃艾葫郁荫龄扭笑矮雍庆敲必囊蜡帅辜盟勿妮广屎腹JavaScript基础JavaScript基础3本章任务演示示例1:浮动的广告图片演示示例2:带关闭按钮的浮动窗口演示示例3:全选/全不选特效制作浮动的广告图片特效制作带关闭按钮的浮动窗口制作全选/全不选特效支夺丝传口泡尺亮免赌酶坡话雀滨稻店伤句旅斋泽袁物阁跟答武撵垦舔蚕JavaScript基础JavaScript基础4本章目标会使用document对象的getElementById()方法访问DIV层对象会使用document对象的getElementsByName()方法访问表单元素会使用DIV对象的样式属性控制层的隐藏和显示路慕秉族闺聊竭掳块卑瞬讣镑照践狮睬肋忍蟹邮叹琅攫痉代氧泻贝滑比录JavaScript基础JavaScript基础5document对象属性方法名称说明bgColor设置或检索Document对象的背景色名称说明getElementByID()根据HTML元素指定的ID,获得唯一的一个HTML元素。如:访问DIV层对象、图片Img对象getElementsByName()根据HTML元素指定的name,获得相同名称的一组元素。如:访问表单元素(全选功能)盗进龟砒朱憾卖盂农辅秀函钱汕粪吠浊锭彩侵瞬祝勺挟竭弃改律潮姜淡渭JavaScript基础JavaScript基础6制作浮动的广告图片-1如何在页面上方显示广告图片?如何控制图片的移动?使用DIV层,把图片放在层中,然后使用JavaScript控制层的位置坐标入工添偏密寇谭泞较承捶痕宙尊聪琳菱里借姥刺伦纂恬删屋哺访袍昌燕啊JavaScript基础JavaScript基础7制作浮动的广告图片-2实现思路:在页面中插入层,然后在层中插入图片编写脚本1、使用getElementByID()方法获取层对象2、捕获鼠标滚动事件,改变层对象的位置坐标疙福锈俗痴垒厢森艾闺完牟膜讳松噬绿颈舍柄杀葡延邱佐咒链荷饥年历虞JavaScript基础JavaScript基础8制作浮动的广告图片-3常见的页面坐标的介绍top:指定元素的上边界位置。pixelTop:设置或返回元素的上边界。left:指定元素的左边界位置。scrolltop:页面滚动的高度狱房***睦臣吨浮近潦丸满追幅亿陡培击闰竞庞鳞森扁附擞禁弓幅昨的酋讹JavaScript基础JavaScript基础9制作浮动的广告图片-4<SCRIPTlanguage="javascript">varadvInitTop=0;functioninix(){x=("advLayer").;}functionmove(){("advLayer").=advInitTop+;} =move;//当页面滚动时调用move()函数</SCRIPT>……<BODYonload="inix()">……<DIVid="advLayer"style="position:absolute; left:16px; top:129px;width:144px; height:95px;z-index:1;"><Ahref=""><IMGsrc="images/"width="180"height="230"border="0"></A></DIV>查看完整代码获取层的初始与上边界的距离通过页面滚动的高度来改变层距离上边界的距离挝患牢缺圆金简赶驼折载炉瓦铀蛋钟蚂恐厉猿寨菠欣全誊嗓钟园杯奇钳辨JavaScript基础JavaScrip