fenglin247的博客

自制的音乐播放器（封装版）如果想在页面上放置多个音乐播放器，可以对它的代码进行封装。自制音乐播放器的制作方法可在B站（bilibili）搜索“风林248”，观看视频《Web前端技巧-自制音乐播放器》。播放器的HTML代码可放置多个播放器，不同播放器中的所有标签的id需设置不同值。<!-- 播放器 --><div> <audio id="au1"></audio></div><div class="playbox">

用CSS制作带有指示箭头的导航模块，单击时用jQuery切换块的样式。

一组单行文本框，用上下方向键可切换输入焦点，输入完回车也可切换至下一个文本框。

用图片制作HTML的单选按钮

最近做了一个JS在线练习页面，要求在一个编辑框中输入代码，执行并呈现结果。制作过程中发现了以下问题：1、如果输入的代码中使用了 document.write() 输出结果，执行后会清空当前页面。解决方法：用写入innerHTML替换write()，虽然还存在清除结果块中其它内容的bug，但不会清除页面了。2、如果输入的代码中有函数，函数调用时会产生 undefined 错误。解决方法：先...

用JS的sort()对数值、字符串、对象组成的数组进行排序。

用HTML5中的video标签播放视频，用JS控制视频的播放。

用JS控制歌词高亮显示、歌词滚动与播放的音乐同步

把LRC格式的歌词解析成一个JS对象，适用于大部分书写比较规范的LRC格式的歌词。

在播放视频时显示弹幕，自己发布的评论也可显示在弹幕上。