- 博客(4)
- 收藏
- 关注
RSS订阅原创 JavaScript小练习（四）简易音乐播放器
一、实现目标1.进度条：（1）进度条样式（2）随音乐播放进度条相应加载2.播放和暂停按钮（1）点击播放按钮，音乐播放，按钮样式即时改变（2）点击暂停按钮，音乐停止，按钮样式即时改变3.音乐播放时间显示随音乐播放进行加载二、效果图静态（先把表面工作做好）动态：三、代码html<body> <div id="container"> <div id="info"> <span id="titl
2021-04-13 11:58:46
122
原创 JavaScript小练习（三）点击切换背景颜色
一、实现目标窗口背景颜色变成点击的颜色二、实现效果静态的图片三、代码html<body id="body"> <div id="content" style="background-color: white;"> <h2 style="position: relative; left: 10px;">选择一个颜色</h2> <div class="color" style="background-co
2021-04-13 11:09:57
733
原创 JavaScript小练习（二）jQuery实现banner图效果
一、实现目标1.图片有自动循环播放效果;2.右下角小圆点跟随图片的顺序改变;3.点击小圆点转到对应图片;4.鼠标进入图片区域停止播放，离开时继续播放。二、效果图（静态）（动态）三、代码html部分<body> <div id="play" class="play"> <ul id="dots" class="dots"> <li class="active"><
2021-03-13 11:15:07
534
原创 JavaScript小练习 （一）轮播图
JavaScript小练习（一）轮播图一、实现目标1.图片的切换：实现图片的自动轮播切换和被动切换；2.左右两边箭头图标： 点击箭头图标对应切换上一张/下一张图片；3.小圆点：小圆点的效果变换顺序与图片顺序同步；点击小圆点切换到对应下标的图片。二、效果图三、代码1.html部分<body> <div id="emoji"> <div id="imgs" class="imgs"> <i
2021-02-28 18:13:37
294
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人