让你的网页充满音乐的气息

最新推荐文章于 2023-03-07 11:22:03 发布
最新推荐文章于 2023-03-07 11:22:03 发布
阅读量66 收藏
点赞数
文章标签： 音乐 JavaScript XHTML HTML ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_13977/article/details/81933728
版权
没事突然自己想做个网页，然后里面有个音乐可以听听，下面是一个类似一个相册的，带有音乐播放的代码： 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>带声音的图片切换</title>
<script language="javascript" type="text/javascript">
	var image;
	var current = 0;
	var images = new Array(5);
	var timerID;
	function init(){
		for(var i=0;i<images.length;i++){
			images[i] = new Image(500,500);
			images[i].src = "images/"+i+".jpg";
		}
		image = document.images[0];
	}
	function setSrc(i){
		current = i;
		image.src = images[i].src;
	}
	function next(){
		if(current>=4){
			return false;
		}else{
			current++;
			setSrc(current);
		}
	}
	function previous(){
		if(current<=0){
			return false;
		}else{
			current--;
			setSrc(current);
		}
	}
	function play(){
		if(current>=4){
			current=-1;
		}
		setSrc(++current);
	}
</script>
</head>

<body onload='init()'>
<form id="from1" name="myform" method="post" action="" >
<input type="button" name="Submit1" value="第一张" onclick="setSrc(0)"/>
<input type="button" name="Submit2" value="上一张" onclick="previous()"/>
<input type="button" name="Submit3" value="下一张" onclick="next()"/>
<input type="button" name="Submit4" value="最后一张" onclick="setSrc(4)"/>
<input type="button" name="Submit5" value="幻灯播放" onclick="timerID=setInterval(play,1000)"/>
<input type="button" name="Submit6" value="停止播放" onclick="clearInterval(timerID)"/>
<input type="button" name="Submit7" value="播放音乐" onclick="document.getElementById('sound').Play()"/>
<input type="button" name="Submit7" value="暂停音乐" onclick="document.getElementById('sound').Pause()"/>
<input type="button" name="Submit7" value="停止播放音乐音乐" onclick="document.getElementById('sound').Stop()"/>
</form>
<p>
<div align="center"><img src="images/0.jpg"</div>
</p>
<!-- 潜入声音文件-->
<embed id="sound" src="RainAndTears.mp3"  autostart="true" loop="true" width="0" height="0"></embed>
</body>
</html>

然后就能边欣赏图片，边听音乐了！
iteye_13977
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
推荐系统实战 --- 基于音乐播放推荐
一名新生程序员的日常
11-19 9475
写在前面 推荐系统每个人都很熟悉这个名词，但是有多少人真正了解过推荐系统的概念。 这期博客将以基于网易云音乐的推荐系统进行一个简单的介绍。 (读到这里不要喷我，我不是网易公司的人但是每个人都有朋友的对吧) 学习此课程需要有一定的 Python基础 和 机器学习基础 推荐系统常用库为 Surprise 和 lightfm。 我们这节课使用 Surprise 入门。 准备数据阶段 任何的机器学习算法解决问题，首先要考虑的是数据，数据从何而来？ 对于酷狗音乐/网易音乐这样的企业而言，用户的收藏和播放数据是
中秋节祝福网页模板
01-22
【中秋节祝福网页模板】是一个专为庆祝中国传统节日中秋节而设计的网页模板，它结合了节日元素与现代网页设计技术，旨在为用户提供一个温馨且富有文化气息的在线庆祝平台。这个模板可以被网站开发者、设计师或者普通...
基于HTML和css的静态网页仿写
柠檬人的博客
03-07 3910
具体效果为: 采用的技术主要有： position定位 浮动布局 弹性盒子布局 a链接 伪类 表格表单等等 首先全局设置为： *{ margin: 0%; padding: 0%; } ul,ol{ list-style: none; } a{ text-decoration: none; } html,body{ width: 100%; height: 100%; } #footer{ width: 100%; he
用爬虫的底子两天做了一个简单的网页（新手版）
雪上空留码行处的博客
05-23 1163
前不久，曾经的一位朋友找到我，让我帮他弄一个简单的网页设计，起初打算拒绝来着，主要是因为真的没有自己写过html+CSS+javascript 构成的网页，不过后来想想又决定挑战一下自己，之前基本没接触过网页设计三剑客，最多也是再使用爬虫解析网页的时候看的比较多一点。 1.经历 网页设计的内容是做一个简单的有关戏剧的网页，只要通过本地访问就可以，于是乎，说干就干，从下午开始朋友交给我任务，到晚上夜里，弄完之后是这个样子的： 当朋友问我进度如何的时候，我都没好意思把张图片发给他。 真的被自己丑到了。 .
中国风游戏音乐的特点
07-13 267
中国风游戏音乐带有浓郁的民族特色和地域风情，古筝、编钟、笛子、琵琶、管弦等乐器的大量使用，打造游戏音乐有南方的温婉灵动、北方的宏伟豪迈、西域的热情神秘等风格。 中国风的游戏音乐具有音乐民族化的特点，如以水墨画风格著称的《仙剑奇侠传系列》，音乐带有灵动柔美的清新，而以商周神话为蓝本的《封神榜》，音乐中则充满宏伟空旷的编钟元素，以西方魔幻题材的激战类网页游戏音乐则流畅委婉，古朴典雅，生动秀美的管弦风。 这些耳熟能详的曲调中充满了中国传统民乐的特色，游戏音乐制作人们用民族乐器的音色和配器手法展现了浓重的.
网页设计制作（徽人家）
01-07
本网页以介绍古徽州为主题，包含了饮食、文化、地理、旅游、历史等各个方面的知识。绝对能够为对徽州文化感兴趣的你带来大量...希望能够带大家进入这已渐渐离我们远去的古徽州，感受先人们充满优雅闲适气息的生活方式。
心灵放松网页模板
01-23
【心灵放松网页模板】是一种专为提供用户心理舒缓体验而设计的网页界面。它结合了柔和的颜色方案...通过理解并利用这些文件，开发者或设计师可以快速搭建一个充满宁静气息的心灵放松网站，为用户提供一个在线的避风港。
Discuz! 神画音乐世界
11-27
神画音乐世界" 的描述虽然简洁，但我们可以推测这个模版在设计上应该融入了音乐元素，可能包括独特的音乐播放功能、音乐分类展示、艺术家或乐队专题讨论区等，以创造一个充满音乐氛围的网络社区。用户在这里不仅...
音乐唱片公司网站模板
11-24
音乐唱片公司网站模板是一款专为音乐产业设计的网页模板，主要针对唱片公司和艺人展示而构建。这款模板采用粉色为主色调，营造出温馨且充满艺术氛围的视觉效果，旨在吸引音乐爱好者和潜在客户群体的注意力。粉色在...
b050闲置图书分享-springboot+vue+elementui.zip（可运行源码+sql文件+文档）
07-23
本次开发的闲置图书分享平台实现了收货地址管理、字典管理、公告管理、留言板管理、图书管理、图书收藏管理、图书评价管理、图书订单管理、用户管理、管理员管理等功能。系统用到了关系型数据库中王者MySql作为系统的数据库，有效的对数据进行安全的存储，有效的备份，对数据可靠性方面得到了保证。并且程序也具备程序需求的所有功能，使得操作性还是安全性都大大提高，让闲置图书分享平台更能从理念走到现实，确确实实的让人们提升信息处理效率。 管理图书的数据，此页面主要实现图书的增加、修改、删除、查看的功能。公告信息管理页面提供的功能操作有：新增公告，修改公告，删除公告操作。公告类型管理页面显示所有公告类型，在此页面既可以让管理员添加新的公告信息类型，也能对已有的公告类型信息执行编辑更新，失效的公告类型信息也能让管理员快速删除。
《大学生职业生涯规划与就业指导》大一阶段课程作业
最新发布
07-24
《大学生职业生涯规划与就业指导》大一阶段课程作业
开题报告潮汕特产直销系统 已通过开题答辩的.doc
07-23
随着互联网的高速发展，人们的生活方式发生了翻天覆地的变化，在过去，人们想要购买很远地方的东西会非常麻烦，因为是通信和交通都不是十分的方便，而现在网络购物成为了人们日常生活中不可或缺的一部分。在这样的背景下，互联网与传统行业的融合已经成为了一种不可阻挡的趋势。对于中国特色的潮汕特产来说，这一趋势也带来了巨大的变革和发展机遇[1]。
Python性能优化：掌握性能分析工具的实战指南
07-23
Python是一种广泛使用的高级编程语言，由Guido van Rossum于1989年底发明，第一个公开发行版发行于1991年。Python的设计哲学强调代码的可读性和简洁的语法（尤其是使用空格缩进来区分代码块，而不是使用大括号或关键词）。这使得Python被认为是一种易于学习的语言，同时具备强大的功能，适合初学者和经验丰富的程序员。 Python的主要特点包括： 1. **易于学习**：Python有相对较少的关键字，结构简单，和一个明确定义的语法。 2. **易于阅读**：Python代码定义的清晰度使得它像可执行伪代码。 3. **易于维护**：Python的成功在于它的源代码是相当容易维护的。 4. **广泛的标准库**：Python的标凑库很庞大，包含用于互联网通信、网络通信、数据压缩、加密、系统管理等的模块。 5. **跨平台**：Python可以在多种操作系统上运行，包括但不限于Windows、Mac OS X、Linux等。 6. **解释型语言**：Python是一种解释型语言，这意味着开发过程中没有编译步骤。 7. **动态类型系统**：Python不会在编写
Android学习系列之gradle实战
07-23
Android学习系列之gradle实战
RFC 3261中文版技术文档
07-23
**标题与描述解析** 标题"RFC 3261 中文文档"指的是互联网请求评论（Request for Comments）3261的中文版本。RFC 3261是互联网工程任务组（IETF）发布的一个重要标准，它定义了SIP（Session Initiation Protocol，会话初始协议）的核心规范。SIP是一种用于建立、修改和终止多媒体通信会话的协议，广泛应用于VoIP（Voice over IP，IP语音）和统一通信系统中。 描述同样简洁明了，只强调了这是RFC 3261的中文翻译，意味着对于中文读者来说，这个文档提供了一个理解SIP协议的中文语言资源。 **标签解析** "RFC3261 中文"标签进一步确认了文档的内容，表明这是关于RFC 3261的中文资料，便于搜索和分类。 **压缩包子文件的文件名称列表** 文件名为"RFC3261 中文.mht"，这是一个单一网页文件，通常包含HTML、图像和其他资源，用于保存完整的网页内容。用户可以通过打开这个文件来查看RFC 3261的中文翻译。 **SIP协议详述** SIP协议是基于文本的，其设计类似于HTTP
嵌入式LinuxC语言程序设计基础教程第8章函数解读.doc
07-23
嵌入式
DirectShow滤镜：字幕叠加功能（含注解说明）
07-23
DirectShow Transform Filter最典型的例子，带注释，难度不大，学习必备 博客对应文章http://blog.csdn.net/leixiaohua1020/article/details/12498975。内容来源于网络分享，如有侵权请联系我删除。另外如果没有积分的同学需要下载，请私信我。
b069牙科就诊管理系统-springboot+vue+elementui.zip（可运行源码+sql文件+文档）
07-23
牙科就诊管理系统利用当下成熟完善的SSM框架，使用跨平台的可开发大型商业网站的Java语言，以及最受欢迎的RDBMS应用软件之一的Mysql数据库进行程序开发。实现了用户在线查看数据。管理员管理病例管理、字典管理、公告管理、药单管理、药品管理、药品收藏管理、药品评价管理、药品订单管理、牙医管理、牙医收藏管理、牙医评价管理、牙医挂号管理、用户管理、管理员管理等功能。牙科就诊管理系统的开发根据操作人员需要设计的界面简洁美观，在功能模块布局上跟同类型网站保持一致，程序在实现基本要求功能时，也为数据信息面临的安全问题提供了一些实用的解决方案。可以说该程序在帮助管理者高效率地处理工作事务的同时，也实现了数据信息的整体化，规范化与自动化。 管理员在后台主要管理病例管理、字典管理、公告管理、药单管理、药品管理、药品收藏管理、药品评价管理、药品订单管理、牙医管理、牙医收藏管理、牙医评价管理、牙医挂号管理、用户管理、管理员管理等。 牙医列表页面，此页面提供给管理员的功能有：查看牙医、新增牙医、修改牙医、删除牙医等。公告信息管理页面提供的功能操作有：新增公告，修改公告，删除公告操作。公告类型管理页面显示所有公告类型，在此页面既可以让管理员添加新的公告信息类型，也能对已有的公告类型信息执行编辑更新，失效的公告类型信息也能让管理员快速删除。药品管理页面，此页面提供给管理员的功能有：新增药品,修改药品,删除药品。药品类型管理页面，此页面提供给管理员的功能有：新增药品类型,修改药品类型,删除药品类型。
怎么让一张背景图充满整个网页？
08-30
通过以上CSS的设置，可以让背景图充满整个网页，并根据需要进行透明度的调整，以达到想要的效果。 ### 回答3： 要让一张背景图充满整个网页，可以使用CSS来实现。 首先，我们需要在CSS文件中选择相应的网页元素，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值