1.首先先生成一个简单的歌单页面,HTML代码。
2.只有HTML的代码,页面就很简约,所以我们添加点CSS代码,让页面稍微不那么简约。
3.一个基本的歌单页面就这样生成了,那么接下来就是要写JS的部分了,首先我们捋一下我们需要的效果:在搜索栏中输入歌曲名字,点击“添加歌曲”按钮,在歌单中自动生成歌名,如果没有在搜索栏中添加歌名,点击“添加歌曲”按钮,则会出现“没有输入歌名”。
网页背景音乐的插入方法:
如果我们想给网页插入背景音乐,只需要切换至代码视图,在适当的位置输入输入以下代码即可:<embed src="梦.mp3" width="0" height="0"></embed>
接着就可以打开网页来试听背景音乐啦。当然,如果使用搜狗浏览器的话,记得点击窗口最下面的“打开背景音乐播放”按钮。
当然,有时我们希望音乐文件在播放时能在网页中呈现出一个插件窗口,以便实现用户对其可 *** 作。此时只需要将“Width”和“Height”设置为非为值即可。
当我们有时需要背景音乐实现循环播放时,只需要加入参数【loop="true"】项即可。
另外,我们还可以利用Dreamweaver实现自动化插入音乐至网页:点击“插入”菜单项,从d出的菜单中选择“媒体”->“插件”项,然后选择要插入的音乐文件即可。
歌曲添加至歌单的方法:1、在i音乐顶部搜索框,搜索您需要添加的歌曲,搜索后点击歌曲旁的三个“...”--加入歌单;
2、在歌曲播放页面,点击播放页面的三个“...”--加入歌单。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)