现在位置:首页 > 网站设计 > 给你的网站侧边栏添加百度音乐挂件代码

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

作者:蓝叶 分类:网站设计 时间:2013-09-26 浏览:14249 评论: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>

免责声明:

本页网址:点击复制分享给朋友吧!

本站分享的一切内容资源如若没有备注,均为蓝叶原创,如需转载请注明出处;如有侵权请与我们联系处理。敬请谅解!

猜您喜欢
    评论列表
    挤眼亲亲咆哮开心想想可怜糗大了委屈哈哈小声点右哼哼左哼哼疑问坏笑赚钱啦悲伤耍酷勾引厉害握手耶嘻嘻害羞鼓掌馋嘴抓狂抱抱围观威武给力
    提交评论

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