蓝叶博客

青春是一个充满活力的季节,即便是我们失去了天使的翅膀,只要我们还有一颗青春的心,那么我们的生活依然能够如阳光般灿烂!......
现在位置:首页 > 网站设计 > 给你的网站侧边栏添加百度音乐挂件代码

给你的网站侧边栏添加百度音乐挂件代码

蓝叶    网站设计    2013-09-26    8311    9评论    已收录

这个百度音乐播放器是蓝叶在hao123里看到的,看着挺不错就用iframe代码放到了自己网站的侧边栏,为了好看蓝叶加了个jquery特效,默认播放器不显示歌曲列表,当鼠标悬停在这个播放器上面时,下拉歌曲列表就会出现,感觉挺赞分享给有需要的朋友,用它可以装修下你的侧边栏,如果你喜欢就把代码拿去,不喜者勿喷,谢谢!演示请看本站右侧!

CSS部分,自行根据需要修改宽度高度。
#indexmusic{width:250px;overflow:hidden;height:68px;}
.outmusic{height:298px;position:absolute;}

JQ代码部分,添加到</head>前面,需要加载jq库才行。
<script type="text/javascript">
$(document).ready(function(){
$("#indexmusic").mouseover(function(){
$("iframe",this).addClass("outmusic");});
$("#indexmusic").mouseout(function(){
$("iframe",this).removeClass("outmusic");});
});
</script>

HTML代码部分,添加到你需要的地方。
<div id="indexmusic">
<iframe scrolling="no" width="250" height="67" frameborder="0" src="http://play.baidu.com/player/hao123/index_new.html#top/dayhot" style="border-bottom: 1px solid #dfdfdf;"></iframe></div>

评论一下 分享本文 赞助蓝叶

赞助蓝叶X

扫码赞助蓝叶
联系站长
蓝叶博客
挤眼 亲亲 咆哮 开心 想想 可怜 糗大了 委屈 哈哈 小声点 右哼哼 左哼哼 疑问 坏笑 赚钱啦 悲伤 耍酷 勾引 厉害 握手 耶 嘻嘻 害羞 鼓掌 馋嘴 抓狂 抱抱 围观 威武 给力
提交评论

清空信息
关闭评论
小萝博客
小萝博客2016-08-18 20:46回复
#6
没有悬浮的么
蓝叶
蓝叶2016-08-19 09:23回复
@小萝博客:这个不是悬浮的。
夜曦
夜曦2014-04-01 19:25回复
#5
这播放器可以让他自动播放不,也就是打开网页自动播放!!!!!
蓝叶
蓝叶2014-04-03 12:45回复
@夜曦:不行
自留地
自留地2013-12-14 01:30回复
#4
原来这样啊,可以收缩,之前看到的带歌曲列表
Alvin
Alvin2013-11-12 01:23回复
#3
这个能设置自动播放吗
hackhp
hackhp2013-10-29 17:11回复
#2
这个不错,先收藏下。
云爱分享
云爱分享2013-09-29 14:31回复
#1
请问如何默认显示播放器歌曲列表
蓝叶
蓝叶2013-09-30 21:57回复
@云爱分享:默认显示只需要把DIV层高度调整下就行了。
快捷导航返回顶部
你问我答
技术QQ群
音乐QQ群
付费服务
音乐欣赏
友情链接
保存桌面
给我留言
返回顶部