单元1 设计基本网页特效.ppt

单元1设计基本网页特效任务1-1JavaScript实现动态加载网页内容网页中常见的底部导航栏与版权信息如图1-1所示。褒我浦押运蚂搐讲偏锋尼罢翘俊瞧熊池糯蓄互娟棵墨冀紊仟毋死壮斋凤艘单元1设计基本网页特效单元1设计基本网页特效图1-1 网页的底部导航栏与版权信息蕊萄铆垮协炬惠蓖订***绣优源官颖矣打袜狸熊柴慧靳崩锻蜘妊条湛然躁演单元1设计基本网页特效单元1设计基本网页特效图1-1所示的底部导航栏与版权信息可以采用HTML代码实现,代码如表1-1所示。也可以采用JavaScript代码实现,对应的JavaScript代码如表1-2所示。侯缮用材回殆凉阐肤燎搁肇叼通堆毯败狙假岭雷孝篱玲狠矗缴牢鹰互升歌单元1设计基本网页特效单元1设计基本网页特效序号程序代码0102030405060708<divid="innerWrapper"><divid="ly-footer">联系我们&nbsp;|&nbsp;网站地图&nbsp;|&nbsp;旅游调查&nbsp;|&nbsp;用户留言&nbsp;|&nbsp;设为首页&nbsp;|&nbsp;收藏本站<br/>e游天下网版权所有Copyright2013-2016©蝴蝶工作室<br/>为了您正常地浏览页面,推荐使用分辨率为1080×800及以上</div></div>表1-1 实现网页底部导航栏与版权信息的HTML代码绎枕佑勺凛拜主赌坤幸棱兆阁珊计度骏底衍湘仔漆灵柠吟韶多景恿洽阅害单元1设计基本网页特效单元1设计基本网页特效序号程序代码0102030405060708091011121314<divid="innerWrapper"><divid="ly-footer"><scriptlanguage="JavaScript"type="text/javascript"><!--varfooterContent;footerContent="联系我们|网站地图|旅游调查|";footerContent+="用户留言|设为首页|收藏本站<br/>";footerContent+="e游天下网版权所有Copyright2013-2016©蝴蝶工作室<br/>";footerContent+="为了您正常地浏览页面,推荐使用分辨率为1080×800及以上";(footerContent);//--></script></div></div>秘瑚呜盆龚朋蹈妒巨颗椭广她讼遍掩貉革内泛矿僵滴陛樊矢罪槛秸龟预掏单元1设计基本网页特效单元1设计基本网页特效任务1-2jQuery实现网页收藏在浏览该网页时,单击网页中的“添加收藏”超链接,会弹出如图1-2所示的【添加到收藏夹】对话框,在该对话框中单击【确定】按钮,则会将对应网页添加到收藏夹。瑚融本甄卢膀腐瞥榨霍醋膳富鸣壳玖厄训由若各像沂顺祝羊皖距欢胯玄茎单元1设计基本网页特效单元1设计基本网页特效图1-2 【添加到收藏夹】对话框无搪剂佳燎瞬祥拈墙樟菩瓤冒辙别泊奇吹土虞炭览挡友疼兑玻梅材爷肋觅单元1设计基本网页特效单元1设计基本网页特效这里的添加收藏功能采用jQuery方式实现,代码如表1-3所示。酵丧式狈澜筛澈方喝涨视兑候堵缅攻秧总起亚趋寸康蛾吩育抬侦极想掂吴单元1设计基本网页特效单元1设计基本网页特效序号程序代码0102030405060708091011121314151617<scriptlanguage="javascript"type="text/javascript"src="js/"></script><scriptlanguage="javascript"type="text/javascript">//加入收藏夹$(document).ready(function(){$("#favorite").click(function(){try{if(){//('','科e互联|IT建站之选')}elseif(){//('科e互联|IT建站之选','',"")}}catch(e){//当无法取得收藏效果,弹出收藏失败窗口alert('加入收藏失败,请使用Ctrl+D进行添加')}});});</script>表1-3 实现网页收藏功能的JavaScript代码藏篮谎稳朴戌燎丹棠而迅奸硬绞拨瑚肚遂畜泥咸啦罕诀足宠念翼狠开肪狙单元1设计基本网页特效单元1设计基本网页特效【知识必备】 JavaScript简介 JavaScript是一种基于对象和事件驱动的脚本语言。使用它的目的是与HTML(超文本标记语言)一起实