云南农职《JavaScript交互式网页设计》 综合机试试卷②——实现轮播图效果

题目:使用淡入淡出动画,实现轮播图效果

该程序评分标准如下:

20

正确按照效果图编写出html代码

 

10

正确显示图片

 

10

正确地给图片

30

正确地给html元素添加CSS样式

 

10

让整个轮播图区域居中显示,并添加边框

 

10

使用css样式合理调整图片和圆点的位置和层叠

 

10

正确设置相关样式,让图片和圆点正确显示

40

正确编写JS/JQuery代码实现图片轮播和圆点轮播

 

10

正确引入Jquery库

 

10

正确添加script标签和jquery外层结构代码

 

10

正确编写jquery代码,使图片有淡入淡出效果

 

10

正确编写jquery代码,使圆点有切换效果

10

整体效果美观以及代码编写规范

 

6

整体显示效果美观

 

4

Id和class命名规范,可读性好,编码书写有缩进

总分

100

五、实现代码


JS代码

完整代码:

    • 5
      点赞
    • 5
      收藏
      觉得还不错? 一键收藏
    • 1
      评论
    评论 1
    添加红包

    请填写红包祝福语或标题

    红包个数最小为10个

    红包金额最低5元

    当前余额3.43前往充值 >
    需支付:10.00
    成就一亿技术人!
    领取后你会自动成为博主和红包主的粉丝 规则
    hope_wisdom
    发出的红包
    实付
    使用余额支付
    点击重新获取
    扫码支付
    钱包余额 0

    抵扣说明:

    1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
    2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

    余额充值