首先进入编辑状态，选择HTML格式然后就可以输入了，下面我们来看代码，首先来看第一种，比较简单的： “url”依然是路径名,loop表示循环数，-1表示始终循环 来看第二种： 其中各个属性的含义如下： SRC：音乐文件路径 （以下可选） AUTOSTART：音乐文件上传完后自动播放，TRUE为播放，FALSE为否 LOOP：设置循环TRUE为自动循环，FALSE为不循环，数值为次数 WIDTH，HEIGHT为播放控制面板的宽和高， 其余的属性有： volume：取值范围为"0-100"，设置音量，默认为系统本身的音量 starttime："分：秒"，设置歌曲开始播放的时间，如，starttime="00:10"，从第10秒开始播放 endtime： "分：秒"，设置歌曲结束播放的时间 controls ：控制面板的外观controls="console/smallconsole/playbutton/ pausebutton/stopbutton/volumelever" ·console 正常大小的面板 ·smallconsole 较小的面板 ·playbutton 显示播放按钮 ·pausebutton 显示暂停按钮 ·stopbutton 显示停止按钮 ·volumelever 显示音量调节按钮 hidden： 为true时可以隐藏面板 背景音乐代码精简 1、 --hidden="true"表示隐藏播放，即不显示播放器的外观，若要想显示，把"true" 替换为"false"即可，这样为默认是最小化播放，若还想具体显示播放器的大小，另加上height="高度值" width="宽度值" 就可以了。 --autostart="true"表示当前页一载入则自动播放，若不希望播放改为autostart="false" 即可... --loop="true"表示无限次循环播放音乐直到当前页关闭为止，不想循环播放替换为 loop="false"就OK了 2、 --loop="-1" 表示无限次循环播放，可设置播放次数，用具体数字代替即可，比如我希望它播放两次，则loop="2" --controls="ControlPanel"这个控制选项可省略 --width="0" height="0"表示隐藏播放，和前面的一样。 若欲设置播放器的外观，则替换为具体的数值就可以了，比如width="123" height="100" 其实要说最简化的播放背景音乐的代码，则下面的代码是最简单的了---> 另外:bgsound src="背景音乐路径" loop="-1">这个只支持IE浏览器，而且是完全下载完后才开始播放，不像前面所说的格式那样可以一边缓冲一边播放。这个一般用于mid音乐或较小的mp3,wav格式的音乐. 若是较大的文件还是用前面所说的格式吧~~ 这个随浏览器的打开而播放，当最小化窗口时即停止播放，当最大化窗口时又开始播放。 而，常用于mid，,wav,mp3类型的音乐类型. 这个则不管是否最小化窗口都始终播放，直至关闭当前窗口为止~~ 支持的音乐文件类型：只支持MP播放器所支持的音乐格式，比如mp3,asf,wma,asx等等. 不支持rm,ram.... 视频文件的插入方法也和上面所说的一样，设置好合适的 音乐代码解释 http://guest.anyp.cn/uploads/01.mid"></A>解释一下: AUTOSTART="TRUE / FALSE" 是否要在音乐档传完之后，就自动播放音乐。 TRUE 是要 FALSE 是不要，内定值是不要。 LOOP="TRUE / FALSE / 整数" 设定是否要自动反覆播放，LOOP=2 表示重复两次，若要无限次重复可用 LOOP="TRUE" WIDTH 和 HIGH="整数" 设定控制面版的宽度和高度 CONTROLS="CONSOLE / SMALLCONSOLE / PLAYBUTTON / PAUSEBUTTON / STOPBUTTON / VOLUMELEVER" 设定控制面板的样子，预设值是 CONSOLE CONSOLE 一般正常的面板 SMALLCONSOLE 较小的面板 PLAYBUTTON 只显示播放按钮 PAUSEBUTTON 只显示暂停按钮 STOPBUTTON 只显示停止按钮 VOLUMELEVER 只显示音量调整钮 希望对你有用~~
1、首先我们创建一个简单的项目，如图所示包括html，css和img三个。
2、这里是html文件，引入css和html代码文件，如图所示。
3、这里是css文件代码，上面是div和图片显示的效果代码，后面是动画效果。
4、这里是事件，这里定义了四个时间段的状态，兼容了ie的。
5、如图所示这里是效果图，会根据时间轮播显示下一张图片 了。
代码
<!doctype html>
<head>
<title>
</title>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<style>
*{
margin:0
padding:0
}
ul{
list-style-type:none
overflow:hidden
margin-left:200px
margin-top:20px
}
ul li{
margin-left:10px
float:left
color:red
display:block
border:1px solid red
}
a{
font-size:18px
color:black
text-decoration:none
}
a:hover{
color:red
}
ul li:hover{
border:0px solid white
}
#div1{
width:100px
height:100px
background:red
margin-left:200px
display:block
}
#div2{
width:100px
height:100px
background:blue
margin-left:200px
display:none
}
#div3{
width:100px
height:100px
background:yellow
margin-left:200px
display:none
}
</style>
<script>
window.onload=function(){
var oDiv=document.getElementById('div1')
var aDiv=document.getElementById('div2')
var bDiv=document.getElementById('div3')
var oUl=document.getElementById('but')
var aLl=oUl.getElementsByTagName('li')
for(var i=0i<aLl.lengthi++){
aLl[i].index=i
aLl[i].onclick=function(){
for(var i=0i<aLl.lengthi++){
oDiv.style.display="none"
aDiv.style.display="none"
bDiv.style.display="none"
}
//alert(this.index)
if(this.index==0){
oDiv.style.display="block"
}
if(this.index==1){
aDiv.style.display="block"
}
if(this.index==2){
bDiv.style.display="block"
}
}
}
}
</script>
</head>
<body>
<ul id="but">
<li><a class="ce" href="#">红</a></li>
<li><a href="#">篮</a></li>
<li><a href="#">黄</a></li>
</ul>
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
</body>
</html>
