![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML+CSS+Javascript
禾小毅
这个作者很懒,什么都没留下…
展开
-
vue 或者 css动画 怎么实现列表【向上无缝滚动】
方法一:vue的实现方法<div id="publishMain" class="b_list"> <div id="publishMain1"> <div class="b_item" v-for="(ac,acindex) in activityList" :key="acindex"> <!-- 循环的内容 --> </div> </div> <div id="publishMain2...原创 2021-12-03 09:37:15 · 1669 阅读 · 0 评论 -
js+css如何制作(音频)图标【切换播放动画】效果?
步骤如下:1、准备播放前的图标和播放时的图标,播放时的有4种不同状态,将4种图标设置成一张图片 2、布局html+css<div class="word_total"> <span>美 /mpren/</span> <!-- 播放时的动画 --> <div class="voice voicePlay"></div> <!-- 播放前的图标 --> <im...原创 2021-09-22 15:41:35 · 1303 阅读 · 1 评论 -
js怎么实现将拿到的数据用【dom文档片段】的形式渲染到html上
html:给id名为course_id的标签添加 文档片段<div id="course_id"></div>内容样式我就不再加了js: // 课程模块 courseList = [ { subject: '数学', grade: '高一', title: '三角函数的原理和应用', courseTime: 20, ..原创 2021-08-13 17:53:51 · 390 阅读 · 0 评论 -
vue中或者html5中怎么修改自定义的 【空气质量echarts图】,以及数据可视化图表自适应页面盒子宽高。
html:<body><divclass="kongqi"></div></body>css: 展示echarts所在标签需要设置宽高<style>.kongqi{width:5.5rem;height:5rem;margin:0.195rem;background:#787a9c;...原创 2021-07-28 09:04:43 · 751 阅读 · 0 评论 -
js+html怎么实现【自定义轮播图动画】效果?
html:slide_item下面的内容是一样的css:.slides_container { overflow:hidden; margin-bottom: 0.3125rem;}.pagination { display: flex; justify-content: center;}.pagination li { cursor:pointer; overflow:hidden; display:inline-block; width:0.275rem; ..原创 2021-07-29 08:46:14 · 182 阅读 · 0 评论 -
js+html怎么实现【图片自动切换轮播】的效果
html:<div class="imgBox"> <ul> <li class="item"> <a href="#"><img src="images/mobile/pic.png" alt="" class="lunbo"></a> </li> <li class="item"> <a href="#"><img src="i..原创 2021-07-28 08:59:16 · 1013 阅读 · 0 评论