JavaScript案例
关注
分享
扫一扫
JavaScript案例
HaanLen
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
js中关于音频歌词随歌曲播放自动滚动
基本布局 <div class="musicBox"> <ul id="showLyric"> </ul> <p class="musicFoot"> <audio src="music/于此与彼.mp3" controls="controls" autoplay="autoplay"></audio> <br/> </p> </div> 样式 ..原创 2020-08-11 12:11:16 · 1403 阅读 · 0 评论 -
JavaScript特效：实现轮播图
实现效果 html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="../css/marquee.css" /> </head> ...原创 2019-11-15 20:49:14 · 311 阅读 · 0 评论 -
js实现本地音频随机播放
布局 <ul class="musicList"> <li> <span>不要说话</span> <button class="musiclist">播放1</button> </li> <li> <span>于此与披</span> <button class="musiclist">播放2</button> .原创 2020-08-11 13:07:19 · 2567 阅读 · 0 评论 -
JavaScript实现10秒倒计时（含背景音乐）
实现效果图（使用火狐浏览器、IE） HTML <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style type="text/css"> body{ background: black; } #content{ ...原创 2019-11-18 16:27:06 · 1945 阅读 · 0 评论 -
CSS3动画：3D旋转（立方体）-含背景音乐
效果显示 html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="../css/style.css" /> <link rel="s...原创 2019-11-18 19:15:42 · 1210 阅读 · 7 评论 -
CSS3动画：实现红包雨
实现效果图 html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="../css/hongbao.css" /> </head>...原创 2019-11-15 20:45:33 · 2455 阅读 · 0 评论 -
原生JavaScript实现扫雷游戏
图示 部分代码显示 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/index.css" /> </head> <...原创 2020-03-06 21:37:09 · 477 阅读 · 2 评论 -
JavaScript游戏：实现打地鼠
效果图显示 html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{margin: 0;padding: 0;} body{ b...原创 2019-11-18 19:25:49 · 438 阅读 · 0 评论 -
JavaScript实现简单计算器（加减乘除）
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<...原创 2020-02-24 13:12:07 · 7139 阅读 · 1 评论 -
JavaScript实现数字时钟
利用定时器实现数字时钟 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>...原创 2020-02-24 13:09:17 · 923 阅读 · 0 评论 -
几种Tab面板实现方法
CSS实现Tab面板 不能自行切换 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti...原创 2020-02-23 14:16:55 · 1313 阅读 · 0 评论