html
关注
分享
扫一扫
rocling
我思故我在
展开
-
[微信音频播放器] html5 audio 制作的微信播放器
weixinAudio.js一个简单的微信样式播放器播放器DOM及CSS是微信里内置的音频播放器的样式，重新创建了控制层js，方便在在公众号，APP等场景使用。例子demo地址github如何使用通过以下demo来实现HTML模板<p class="weixinAudo"> <audio src="../sound/sound.m...转载 2018-08-26 17:22:46 · 3390 阅读 · 0 评论 -
html5 audio音频播放器
html5开启了一个新时代，因为它让浏览器本身变得不那么被动，audio api就是一个典型的列子，在html5还没确定之前，如果想要在网页上听音乐看视频唯一的办法就是用flash意思是当你没有给浏览器装载Flash插件的话 那么音乐视频即是空谈，html5 audio的出现改变了这一格局，因为你可以不用Flash插件就可以听音乐看视频，当然这些能否实现文章结构1.audio的概念以...原创 2018-08-25 13:45:20 · 13537 阅读 · 3 评论 -
HTML5 Audio标签API整理
简单实例：<audio id="myAudio"></audio> <script> var myAudio = document.getElementById('myAudio'); myAudio.src = '../content/audio/海阔天空.mp3'; myAudio.play()...原创 2018-08-25 14:05:27 · 9626 阅读 · 0 评论 -
获取属性 - attr()
jQuery attr() 方法用于获取属性值。下面的例子演示如何获得链接中 href 属性的值：实例$("button").click(function(){ alert($("#w3s").attr("href"));});<!DOCTYPE html><html><head><!--不需要再次引用jquery--&原创 2018-09-01 14:42:26 · 1782 阅读 · 0 评论 -
通过 append() 和 prepend() 方法添加若干新元素
在上面的例子中，我们只在被选元素的开头/结尾插入文本/HTML。不过，append() 和 prepend() 方法能够通过参数接收无限数量的新元素。可以通过 jQuery 来生成文本/HTML（就像上面的例子那样），或者通过 JavaScript 代码和 DOM 元素。在下面的例子中，我们创建若干个新元素。这些元素可以通过 text/HTML、jQuery 或者 JavaScript/D...原创 2018-09-01 17:42:55 · 1148 阅读 · 0 评论 -
html5 Audio标签
javascript动态创建audio标签在页面中添加audio元素的方法主要是两种，一种是在html中加入audio代码，可以加入一些属性（autoplay,preload）等，这些在之前的文章已经说过了。另外一种是js动态加载进来的。代码如下：var audio=document.creatElement(“audio”);audio.src=”audio/source.ogg”;...原创 2018-08-25 22:25:12 · 9767 阅读 · 0 评论 -
html5 audio音乐播放，循环播放等9款播放器
说明 随着HTML5越来越流行，越来越规范，音频播放支持和兼容改的平台越来越多，这里找到HTML5 通过 audio 元素来提供在网页中嵌入音频的标准方法，下面这9款 HTML5 音频播放器都是基于 audio 元素开发的，能够帮助你在网页中轻松的嵌入音频。列表 jPlayerjPlayer 一款基于 jQuery 的免费开源的 HTML5 音频和视频播放插件，API ...转载 2018-08-25 22:43:04 · 19998 阅读 · 1 评论 -
标签页（Tab）插件方法 .tab 的用法
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Bootstrap 实例 - 标签页（Tab）插件方法</title> <link rel="stylesheet" href="https://cd原创 2018-09-05 22:11:10 · 2107 阅读 · 0 评论 -
在HTML中实现table表头点击升序/降序排序
题目：如下图，请实现表格信息的排序功能，当点击表头的属性区域，将表格信息进行排序切换功能，即第一次点击为降序排序，再一次点击进行升序排序。姓名 力量 敏捷 智力 德鲁伊 17 24 13 月之骑士 15 22 16 众神之王 19 15 20 流浪剑客 23 15 14 基本思路：...原创 2018-09-11 09:22:19 · 10099 阅读 · 0 评论 -
link是什么意思 是干什么的
rel="stylesheet"是什么意思 <link href="base.css" rel="stylesheet" type="text/css" />这个是一种设置CSS样式的方式，叫做外部格式链接。就是说，把base.css文件中设置的css样式读进来作为css样式设置。跟你自己写css样式是一样的，例如<style type="text/css&原创 2018-09-11 10:06:37 · 6117 阅读 · 0 评论 -
在下列的 HTML 中，哪个可以插入背景图像？
在下列的 HTML 中，哪个可以插入背景图像？您的回答：<img src="background.gif" background>正确答案：<body background="background.gif">原创 2018-09-04 09:10:45 · 11590 阅读 · 0 评论 -
input file上传组件支持上传图片格式（.png/.jpg）
<html><head> <title>inputnone</title> <style> </style> <!--不需要再次引用jquery--> <script type="text/javascript" src=&quo原创 2018-08-22 00:19:36 · 11352 阅读 · 0 评论 -
js循环绑定事件
首先看这段代码：<button id="0">0</button><button id="1">1</button><button id="2">2</button><script> $(function(){ for (var i=原创 2018-08-23 19:32:28 · 273 阅读 · 0 评论 -
html禁止清除input文本输入缓存
多数浏览器默认会缓存input的值，只有使用ctl+F5强制刷新的才可以清除缓存记录。如果不想让浏览器缓存input的值，有2种方法：方法一： 在不想使用缓存的input中添加 autocomplete="off"; eg: <input type="text" autocomplete="off" name="test" />方法二： 在 input 所在的form...转载 2018-08-22 14:24:30 · 674 阅读 · 0 评论 -
在每个 p 元素结尾插入内容
<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">$(document).ready(function(){ $("butt原创 2018-08-22 16:07:34 · 1408 阅读 · 0 评论 -
实时去除浏览器缓存的文件，音频，视频，图片等
代码：<!DOCTYPE HTML><html><body><audio src= url +"/i/horse.ogg?ran=" + Math.random() controls="controls">Your browser does not support the audio element.</audio&g原创 2018-08-22 16:18:19 · 1334 阅读 · 1 评论 -
关于HTML5的audio标签和video标签删除下载图标
video标签和audio标签在谷歌浏览器上自带下载按钮，当我们不想要下载按钮的时候，可以试一下以下操作第一种方案：在video或者audio标签上添加controlsList="nodownload"即可关闭下载按钮<!-- video--><video src="videoUrl" controlsList="nodownload" controls="con...原创 2018-08-22 18:34:40 · 3613 阅读 · 0 评论 -
input type=file 去除输入框效果
<input type=“file”>输入框中做到去除输入框效果在我平时修改页面的时候，由于需要用到上传文件这一功能的时候，需要用到 <input type="file">，但是效果却不尽人意。此时显示的按钮部分（选择文件）与文字部分（未选择任何文件）当你点击时都能够弹出上传文件的选择框进行选择，但这放在页面中显示是不尽人意的。最理想的效果就是能够去除文字部分，只...转载 2018-08-23 19:33:03 · 4035 阅读 · 0 评论 -
js清除浏览器缓存的几种方法
关于浏览器缓存浏览器缓存，有时候我们需要他，因为他可以提高网站性能和浏览器速度，提高网站性能。但是有时候我们又不得不清除缓存，因为缓存可能误事，出现一些错误的数据。像股票类网站实时更新等，这样的网站是不要缓存的，像有的网站很少更新，有缓存还是比较好的。今天主要介绍清除缓存的几种方法。清理网站缓存的几种方法meta方法//不缓存<META HTTP-EQUIV="pragm...原创 2018-08-23 19:33:19 · 41759 阅读 · 1 评论 -
HTML中的Meta标签（no-cache）
META标签，是HTML语言head区的一个辅助性标签。在几乎所有的page里，我们都可以看到类似下面这段html代码：-----------------------------------------------<head >< meta http-equiv="Content-Type" content="text/html; charset=gb2312">...原创 2018-08-23 19:32:57 · 13421 阅读 · 0 评论 -
html5中audio的简单介绍
html5的audio功能上已经非常强大，回放，跳转，缓冲等以前只能用flash才能实现的功能，html5的audio都能轻松搞定最近的一个项目使用到了这个功能，把我使用的情况写下来，供大家参考, 因为我需要的功能很简单，所以做的不复杂，如果要使用更多的功能，可以参考下面的api，能实现很多高大上的功能audio 相关的 api<audio src=”音频的地址”>备用（当...原创 2018-08-23 19:32:51 · 1043 阅读 · 0 评论 -
video的简单使用
<!DOCTYPE HTML><html><body><script type="application/javascript"> //-------------播放视频 var videoPlayer = document.getElementById("videoCon"); var lastRunTime...原创 2018-08-23 19:32:36 · 350 阅读 · 0 评论 -
简单介绍一下url、href、src到底是什么？可能好多人不太明白
一、URL的概念统一资源定位符（或称统一资源定位器/定位地址、URL地址等，英语：Uniform Resource Locator，常缩写为URL），有时也被俗称为网页地址（网址）。如同在网络上的门牌，是因特网上标准的资源的地址（Address）。二、URL的格式2.1 标准格式协议类型:[//服务器地址[:端口号]][/资源层级UNIX文件路径]文件名?查询2.2 ...原创 2018-10-06 22:08:48 · 170780 阅读 · 5 评论