网页设计与制作案例教程（HTML5+CSS3+JavaScript）（微课版）（第2版） 课件 案例23：限时促销.pptx

我们毕业啦其实是答辩的标题地方案例23限时促销

案例分析案例实现案例小结案例描述创建小米产品的限时促销页面，网页浏览效果如图1-1所示。图1-1小米产品限时促销

案例分析案例实现案例小结案例分析案例描述在盒子中添加4对p标记，在p标记中放入文字、图像和span标记等，将时、分、秒数值和时、分、秒之间的分隔符放入span标记。定义盒子、p标记和span标记的样式。

案例实现案例小结案例分析案例描述1.新建项目在HBuilderX中新建项目project23，选择模板类型为“基本HTML项目”，单击“创建”按钮。2.在项目中创建网页文件选中项目，右击，选择“新建”｜“html文件”。

案例实现案例小结案例分析案例描述3.搭建限时促销结构

案例实现案例小结案例分析案例描述4.定义CSS样式

案例实现案例小结案例分析案例描述5.创建JavaScript脚本文件

6.保存文件“文件”｜“保存”命令，或按“Ctrl+S”组合键7.浏览网页单击工具栏中的“浏览器运行”按钮，，或按“Ctrl+R”组合键案例实现案例小结案例分析案例描述

案例实现案例小结案例分析案例描述本案例创建了一个限时促销案例，可以通过JavaScript编程实现时钟、计时器和倒计时器等各种有关时间和日期的显示，后续进行详细讲解。

我们毕业啦其实是答辩的标题地方感谢观看