博学谷——让IT教学更简单，让IT学习更有效
有写作和语言方面的天才、对时尚有着敏锐的感受力，能够永久维持着年轻和时髦的外貌。 缺点 怀疑心重、善变、双重性格、缺...\ 14 15 16
break;
case \处女座\
alert(\优点 谦虚、喜欢整洁、处事小心、头脑清晰而分析能力强、能明辨是非。 缺点 喜欢鸡蛋里
挑骨头、要求太高以致吹毛求疵、多愁善感、小题大作、古板、难以取悦。 处女座性格特点 智慧是人生幸福的钥匙 处女座的...\ 17 18 19 20 21 22 23 24 25 }
}
}
break;
case \射手座\
alert(\优点 正直坦率、丰富的幽默感、酷爱和平、待人友善、行动力强。 缺点 粗心大意、心直口break; default:
alert(\请输入正确的星座，比如狮子座!\
快，容易得罪人、缺乏耐性、不懂人情世故...\
刷新页面后，输入“白羊座”即可出现图8-23所示的对话框。如果输入信息有误则弹出图8-24所示对话框。
【案例8-9】导航栏切换 一、案例描述
1、 考核知识点
调用函数
2、 练习目标
? 掌握调用函数的方法。 ? 能够准确修改元素样式。 ? 了解鼠标移入事件。
3、 需求分析
导航栏相信大家都不陌生，通过导航栏可以方便用户查询网页信息，本案例将通过调用函数的方法制作一个简单的导航栏。
4、 案例分析
1) 效果如图8-26所示。
图8-26 导航栏效果展示
2) 具体实现步骤如下：
a) 该导航栏的结构为大盒子
b) 设定大盒子的宽高和外边距，同时设定li的宽高、背景样式、文字样式并使其左浮动。
21
博学谷——让IT教学更简单，让IT学习更有效
c) 当鼠标移动到某个
二、案例实现
1、制作页面结构
新建HTML页面，具体代码如下：
1
5 导航栏切换 7 8
9 10 11 12 13 14 15 1617 18
loading