木灵鱼儿

2017年01月04日阅读：1634

最后更新：2018/04/11/ 15:47:31

html两种插入音乐的方法

bgsound

embed

loop：播放次数，-1无限次，6为6次！

src：mp3地址

autostart：自动播放（没什么软用）

width：宽度

height：高度

type="audio/x-pn-realaudio-plugin（不明所以，要不要无所谓）

新代码： <audio src="XXX.mp3" autoplay="autoplay"> </audio>

文章分类 HTML

文章标签宽度 height 代码 autostart 播放 width bgsound audio

木灵鱼儿

2017年01月04日

发布了 615 篇文章获得点赞 0获得阅读 1634

版权申明

本文系作者 @木灵鱼儿原创发布在木灵鱼儿 - 有梦就能远航站点。未经许可，禁止转载。

one

two

three

fieldset这个元素，估计用的人很少吧，或者说现在使用fieldset情况已经很少了，大部分都是使用其他元素模拟这个元素的ui。今天我碰到一个很奇怪的现象。fieldset里面的元素，他不会产生横向滚动条，哪怕我设置了外部所有父元素的宽度为100%，overflow-x: auto;里面的子元素，如果比如pre这种代码块，不换行的，他会一直往右延伸，也就是超出原来的宽度，把fieldset撑的非常宽。但是所有的父元素都是block，按道理宽度是自己占满不会超出的。找了半天，理解出这么一段解释：fieldset默认是以block方式解析的，也就是宽度是按照100%占满，但是他的默认cs...

1369 5 0

木灵鱼儿 2 年前锋利的JQuery

jQ 音乐播放器

html5对多媒体优化很多，但是到现在我对于音乐和视频还是未知，所以这次就研究了下关于audio的用法。预览图功能[x] 播放&暂停[x] 上一曲&下一曲[x] 停止[x] 音量静音&音量条调整[x] 歌词[x] 播放进度条，可操控[x] 已播放时间&单曲总时长[x] 播放列表，支持双击播放，高亮提示[x] 三种播放模式，随机、列表循环、单曲循环注意由于火狐浏览器因为版权问题，并不支持mp3格式，所以我找到的办法就是从对火狐浏览器的设置进行调整，具体说明demo上贴了。demo[hide]音乐播放器[/hide]

3013 0 6

木灵鱼儿 3 年前 JavaScript

Ajax 表单序列化

什么是表单序列化呢？将所有表单的提交通过一个标准化的方法去获取并且提交出去，那就是序列化，也就是说不同的表单，如注册啊，登录啊，修改资料啊，这些东西可以通过一个通用的方法去处理它。那么表单序列化有几个要求：不能发送禁用的表单字段；只发送勾选的复选框和单选按钮；不发送type是reset、submit、file、button以及字段集；多选选择框中的每个选中的值单独一个条目；对于select元素，如果有value值，就指定value作为发送的字段，如果没有，就指定text值；已经将ajax的代码作为单独的一个文件保存，而调用则使用ajax()的方法，之前也做了一个表单提交的方法，在所有条件...

2715 0 2

木灵鱼儿 3 年前 JavaScript

为博客添加鼠标点击特效（富强、民主、文明、和谐...）全平台通用 V2.0

已经写了新版，jq的方法，地址：jq富强，如果连接失效可以在本博客搜索富强，也可以找到对应的文章经过长时间的学习，终于迎来小高潮，更新为2.0版本！2018-10-5 修复预加载js代码失效bug2018-11-3 修复了当鼠标在最右侧点击时导致X轴产生滚动条的问题2019-1-8 更新为2.0版本，修复大量bug，引用自制代码库预览图：使用要求：需要引入自制代码库：[hide]先引入tool.js 下载：蓝奏云再引入封装库base.js 下载：蓝奏云接着引入china.js 下载：蓝奏云[/hide]引入方法：以我现在的博客Typecho为例，我们需要在主题的header.ph...

8331 0 22

木灵鱼儿 3 年前 HTMLCSSJavaScript

什么是上下文节点？？？

学html+css的时候有在书上看到过上下文节点，但是也没详细说明，看视频的时候也有人说过，但是也是一笔带过，也没在意，今天学XPath的时候就有关于上下文节点有一个说明，但是只说了一点，没啥详细，所以自己百度了下，如下：代码：<html> <body> <a id = '1'>文本节点1</a> <a id = '2'>文本节点2</a> <a id = '3'>文本节点3</a> </body> </html> ...

1300 0 0

木灵鱼儿 3 年前 JavaScript

终于给博客的搜索按钮加上了事件切换器

都是辛酸泪，这几天学这个头大，不过好在我搞定了，并且还不会冲突，兼容ie9以上，相当奈斯！2018-10-5 重新做了兼容，虽然没什么卵用，美名其曰优化代码！效果图：原理就是通过修改class的名字来达到隐藏和显示的效果，并且修复了原来动效不能显示的bug。代码部分（css部分我就不提供了）：[hide]//兼容添加事件 function addEvent(obj,type,fn) { if(obj.addEventListener) { obj.addEventListener(type,fn,false); }else if(obj.attachEve...

1252 0 0

木灵鱼儿 3 年前 HTMLCSS

YoDu魔改版主题v3.1更新（修复bug）

YoDu魔改版主题v3.1更新：修复了长代码在小分辨率下无法换行问题。针对表格代码做了样式调整。回复可见代码微调。修复了footer元素由于启用了css3的弹性布局，导致tim使用软件内浏览时，其内核过旧不能支持，特重新调整，改为css2特性，取消了footer的背景渐变。字体大小调整。

1735 0 0

木灵鱼儿 3 年前 JavaScript

自定义insertAfter() 在当前元素节点的后面添加新的内容

由于document中并没有insertAfter()这个功能，只有insertBefore()在当前元素节点的前面添加新的内容，在后面添加是没有的，但是我们可以自己做一个有这个功能得函数。首先有几点前提条件：该元素节点后面有其他同级得节点如果没有同级得节点他应该就是最后一个节点由于我们写html时会有换行得操作，导致产生了空白节点，所以我们还需要移除这个空白节点才能正常操作。我们先写一个简单得html代码：<body> /*这是该元素为最后一个节点*/ <div id="box"> <p>1</p> <...

1083 0 0

木灵鱼儿 3 年前 JavaScript

对象与原型的继承组合模式中仿冒和继承不会冲突吗？

代码部分：function Box(name) { this.name = name; this.famil = ['爷爷','奶奶','爸爸','妈妈']; }; Box.prototype.run = function() { return this.name + this.famil; }; function Desk(name) { Box.call(this,name); }; Desk.prototype = new Box(); 通过对象仿冒，将Box的属性仿冒到Desk中，这样就可以传入参数，也可以算是继承了，但是后面我们又通过Des...

1415 0 0

木灵鱼儿 3 年前 JavaScript

关于面向对象判断是否原型属性的疑问

首先我们需要创建一个构建函数，并为它添加一个实例属性（实例就是被运行的函数）。function Box() {}; var box1 = new Box(); box1.name = 'mu'; 每个函数都会有一个原型，原型里的数据是共享的，多个变量box1运行同一个函数Box(),这个Box()函数原型中的数据是共有的，并且引用地址相同。加上就近原则，当实例属性中有对应的属性，会优先调用实例属性，如果没有，就会去原型中查找。那么我们要去判断这个属性是实例中的属性还是原型中的属性，有两个判断语法：hasOwnProperty() / inhasOwnProperty()是判断属性是否存在...

1879 0 2

关于作者

木灵鱼儿

以前觉得活下去很难，现在发现活的好才难！

站点职位博主

获得点赞 0

文章被阅读 1634

vue-i18n 的使用方式vue-i18n 的使用方式

设计模式的7个设计原则设计模式的7个设计原则

第六章设计模式第六章设计模式

第五章代码复用模式第五章代码复用模式

第四章对象的创建第四章对象的创建

目录树

bgsound embed

木灵鱼儿

html两种插入音乐的方法

bgsound

embed

木灵鱼儿

版权申明

相关推荐

fieldset元素宽度撑开的问题

jQ 音乐播放器

Ajax 表单序列化

为博客添加鼠标点击特效（富强、民主、文明、和谐...）全平台通用 V2.0

什么是上下文节点？？？

终于给博客的搜索按钮加上了事件切换器

YoDu魔改版主题v3.1更新 （修复bug）

自定义insertAfter() 在当前元素节点的后面添加新的内容

对象与原型的继承组合模式中仿冒和继承不会冲突吗？

关于面向对象判断是否原型属性的疑问

关于作者

木灵鱼儿

相关文章

目录树

账密登录

YoDu魔改版主题v3.1更新（修复bug）