《JavaScript程序设计》期末试卷

演示地址

题目： 生物多样性是人类赖以生存和发展的基础，是地球生命共同体的血脉和根基。日前，我国正式设立三江源、大熊猫、东北虎豹、海南热带雨林、武夷山等第一批国家公园。据介绍，园内生物多样性丰富，具有独特的自然文化景观，是生物多样性保护示范区、生态价值实现先行区和世界生态教育样板，是中国自然生态系统中最重要、自然景观最独特、自然遗产最精华、生物多样性最富集的部分。国家公园是由国家批准设立、主导管理，边界清晰，以保护具有国家代表性的大面积自然生态系统为主要目的，实现自然资源科学保护和合理利用的特定陆地或海洋区域。中国实行国家公园体制，目的是保持自然生态系统的原真性和完整性，保护生物多样性，保护生态安全屏障，给子孙后代留下珍贵的自然资产。请以“XX国家公园”为主题，设计制作一个网站，用于宣传与显示国家公园，具体要求如下：

（1）根据题目描述自行确定网站主题。

（2）根据网站内容确定网站色调、风格以及页面布局。

（3）自行寻找素材完成页面设计，包括但不限于网站首页、XX国家公园列表页、国家公园内容页、给我留言等4个页面。

（4）网站导航具有网站首页、XX国家公园、给我留言3个菜单项，其中XX国家公园菜单项具有二级菜单“XX动物”、“XX植物”，要求使用原生JavaScript实现二级导航效果。

（5）首页具有：焦点幻灯栏目（要求使用jQuery实现banner图切换效果）；XX国家公园栏目（当指针放在缩略图上时，图片具有放大效果，要求使用jQuery实现）；XX国家公园栏目（该栏目显示部分内容，当点击栏目展开按钮时，展开该栏目的全部内容，当点击收缩按钮时，收起该栏目只显示部分内容，该效果要求使用jQuery实现）。

（6）XX国家公园列表页，采用Tab栏（即选项卡效果）查看二级栏目（即XX动物、XX植物）信息，要求使用原生JavaScript实现。

（7）XX国家公园内容页的样式，要求使用jQuery的相关方法实现。

（8）给我留言页面的信息项包括称呼、手机号码、留言时间（X年X月X日X时X分X秒）、留言内容。要求对称呼、手机号码、留言内容进行非空判断；留言时间为获取当前系统的时间；留言内容的字符数最多为150个字符，当每输入一个字符，在留言内容的下方提示“还可输入X字符“；当单击”留言“按钮后，该按钮将进入禁用状态，此时在按钮上以60秒为起点实现动态倒计时效果，当倒计时为0时，”留言“按钮将变成可用状态。以下效果均使用JavaScript实现。

（9）网站作品完成后，请将网站源文件、作品展示PPT等相关材料打包提交。

评分标准（满分为100分）：

（1）作品资料齐全。（5分）

（2）作品色彩搭配得当、布局合理、紧扣主题。（5分）

（3）作品具有4个页面。（5分）

（4）实现网站导航中“XX国家公园”菜单的二级菜单效果。（5分）

（5）首页：实现焦点幻灯效果（10分）；XX国家公园栏目缩略图放大效果（10分）；XX国家公园栏目展开与收缩效果（10分）。

（6）XX国家公园列表页实现Tab栏效果。（10分）

（7）XX国家公园内容页的样式使用jQuery的相关方法实现。（10分）

（8）给我留言页：实现对称呼、手机号码、留言内容的进行非空判断（10分）；实现留言内容字符数的动态提示（10分）；实现对“留言“按钮可用性控制（10分）。