• 欢迎访问爱乐网,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入爱乐网的大家庭
  • 如果您觉得爱乐网非常符合您的胃口,那么赶紧使用Ctrl+D 将爱乐网加入浏览器收藏夹吧

用DW给网站制作一个独立的在线音乐播放页面

互联网 爱乐网 1年前 (2017-03-15) 2971次浏览 0个评论

用 DW 给网站制作一个独立的在线音乐播放页面

DW给网站制作一个独立的在线音乐播放页面

如何用DW(dreamweaver)和简单的一段代码给你的网站制作一个独立的在线音乐播放页面?这个问题其实不难,想不想要给自己的网站添加个在线播放器呢?那今天这篇使用DW跟一段简单代码制作独立在线音乐播放器页面的教程你一定不可以错过!

在线音乐播放页面效果图:

用 DW 给网站制作一个独立的在线音乐播放页面

演示搜索:aile.so

用 DW 给网站制作一个独立的在线音乐播放页面

搜索爱乐网

喜欢的话请往下看:

第一步:

打开DW,选择新建一个 HTMl 页面
用 DW 给网站制作一个独立的在线音乐播放页面

第二步:

切换到代码界面,删除软件自动生成的HTML代码,并输入以下代码:

<?php /*template name: music */ get_header(); ?> <iframe src="http://fm.baidu.com" scrolling="no" frameborder="0" height="550px" id="mainFrame" width="100%" onload='IFrameReSize("mainFrame");IFrameReSizeWidth("mainFrame");'></iframe> <?php get_footer(); ?>

用 DW 给网站制作一个独立的在线音乐播放页面
用 DW 给网站制作一个独立的在线音乐播放页面

第三步:

保存 HTMl 文件,命名为 music.html 并上传到你的网站根目录,然后访问你的网站/music.html(比如:http://aile.so/music.html)
就可以看到了
用 DW 给网站制作一个独立的在线音乐播放页面

代码示意:

<iframe src=”http://fm.baidu.com” 指定 IFRAME 调用的文件,网址代表的就是百度电台的网页版,如果你喜欢其他音乐应用,你可以换成自己喜欢的,上面代码是百度随心听的,延伸说下,它还可以调用图片等(html,htm,gif,jepg,jpg,png,txt,*.*)

scrolling=”no” 是否有滚动条(yes 代表有,no 代表没有)

frameborder=”0″ 设置边框是不否为 3 维(0 代表否,1 代表是)

height=”550px” id=”mainFrame” width=”100%” onload=’IFrameReSize(“mainFrame”);IFrameReSizeWidth(“mainFrame”) 这代表把这音乐应用高度设置为 550 像素,不是代表页面高度啊,这个高度需要自己调试,宽度是根据主题自适应的。


爱乐网(http://aile.so) , 版权所有丨如未注明 , 均为原创丨爱乐网采用BY-NC-SA协议进行授权 , 转载请注明:用 DW 给网站制作一个独立的在线音乐播放页面
66 分享网
喜欢 (1)
[]
分享 (0)
爱乐网
关于作者:
爱乐网,专注互联网最新科技资讯分享,汇集各种软件教程、游戏攻略,为用户收集整理各类破解软件、正版软件、小工具的软件下载网站,永久网址:http://aile.so
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到