fenglin247-CSDN博客

原创自制的音乐播放器（封装版）

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

2021-08-02 11:12:18 576

原创用CSS绘制几何图形

用CSS绘制几何图形本部分的视频讲解请到B站（Bilibili）搜索“风林248”，查看视频《Web前端技巧-CSS绘图》。矩形<div class="rect"></div>.rect{ /*矩形块*/ width: 100px; height: 50px; background-color: red;}如果把背景颜色改成边框，可得到矩形框。.rect{ /*矩形框*/ width: 96px; height: 46px; border: solid

2021-07-25 11:04:44 318 1

原创用CSS绘制气泡图

不需图片，用CSS绘制气泡图，调节大小不会像图片那样变形。

2019-07-31 10:48:47 979

原创用CSS制作带箭头的导航条

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

2019-07-31 10:15:49 1030

原创用方向键和回车键切换成组文本框的焦点

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

2019-07-21 16:55:56 309

原创在textarea文本域中输入JS代码并执行

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

2019-07-14 10:56:05 4729