随笔分类 -  JS实例

摘要:实现 实现如图所示的轮播图,要实现的功能主要有: 鼠标经过轮播图模块,左右按钮显示,离开隐藏左右按钮。 点击右侧按钮一次,图片下滑一张;点击左侧按钮,图片上滑一张。 图片播放的同时,下面小圆圈模块跟随一起变化。 点击小圆圈,可以播放相应图片。 鼠标不经过轮播图,轮播图也会自动播放。 鼠标经过,轮播图 阅读全文
posted @ 2021-11-07 16:13 打遍天下吴敌手 阅读(2782) 评论(0) 推荐(0) 编辑
摘要:实现 实现如图所示的段落展开和收起功能: 分析 <div class="box"> <p id="content"> 人生最美是清欢;愿有一屋,不被打扰,幸福终老 ;一袭江南梦,醉卧烟雨中;春在水墨中发芽 恬淡,禅里开出的花 ;寻得一方庭院,做匠人 ;有一个院子,种花,画画 ;春未暖,花先开 中国青 阅读全文
posted @ 2021-11-06 16:21 打遍天下吴敌手 阅读(797) 评论(0) 推荐(0) 编辑
摘要:实现 实现如图所示的Tab栏切换,点击对应的 tab 出现对应的内容,同时该点击的 tab 背景颜色为红: 分析 首先建立一个大的 div 里面包含两个盒子 第一个盒子里面放 tab 栏 第二个盒子里面放相应的内容 <div class="tab"> <!-- tab栏--> <div class= 阅读全文
posted @ 2021-11-04 21:19 打遍天下吴敌手 阅读(1513) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示