为了播放音乐。音乐的按钮有一个区域,放提示语,用程序动态设置。
效果图如:
字的内容由程序来处理:
<div style="position:relative">
<!-- 图片的DIV -->
<div style="position:absolute; float:left; top:0px; left:0px;">
<img style="width:320px" src="${ctx}/images/guide/player_start.png" name="playAudio" id="playAudio">
</div>
<!-- 提示语的DIV-->
<div id="tips" style="position:absolute; float:left;top:17px;left:70px;height:18px;width:200px;color:white;">可点击按钮播放音频介绍</div>
</div>
附对应的图片:
$("#playAudio").click(function(){
var isPause=$("#isPause").val();
//alert("isPause:"+isPause);
var srcUrl= $("#playAudio").attr("src");
if(srcUrl.indexOf("player_start")>0){
if(isPause==""){
// alert("player_start");
window.meeting.setMusicUrl('${meetingContent.reserve2}');
$("#isPause").val("pause");
}
window.meeting.startPlay();
$("#tips").html("正在播放中......");
$("#playAudio").attr("src","${ctx}/images/guide/player_pause.png");
}else if(srcUrl.indexOf("player_pause")>0){
// alert("player_pause111111");
window.meeting.pausePlay();
$("#tips").html("已暂停,点击继续");
$("#playAudio").attr("src","${ctx}/images/guide/player_start.png");
}
// window.meeting.startPlay('${meetingContent.reserve2}');
// $("#playAudio").attr("src","${ctx}/images/guide/player_pause.png");
});
分享到:
相关推荐
纯DIV+CSS做的三种图片滚动,轮播图片 1.2.3.4图片切换 电子相册
div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子...
DIV CSS 图片自动换行 图片带鼠标效果
一、图片实现圆形条件 原本不是圆形图片,通过CSS样式布局实现成圆形图片,首先图片必须为... 首先一张正方形图片,放入一个DIV盒子内,通过对盒子内图片设置border-radius:50%实现圆形效果。 本案例在DIVCSS5初始
DIV+CSS 图片垂直居中效果
使用DIV+CSS达到文字阴影的一个效果代码!
div css练习
图片展示demo css + div 实现图片展示
第3章 用CSS设置丰富的文字效果 3.1 CSS文字样式 3.2 文字实例一:模拟Google公司Logo 3.3 文字实例二:制作页面的五彩标题 3.4 CSS段落文字 3.5 段落实例:百度搜索 第4章 用CSS设置...
基础篇 1.1 必须知道的基础知识 知识一 DIV+CSS的叫法是不准确的 标准叫法是xHTML+CSS 知识二两大误区 误区一用了Table就不标准。误区二DIV标签越多越好 Table是为了存储数据DIV是为了架设...
CSS+DIV结合的特效 DIV_CSS图片滚动效果
div+css div+css精通CSS
DIV_CSS图片缩略显示 DIV_CSS图片缩略显示 DIV_CSS图片缩略显示
一款简洁实用的DIV+CSS图标文字列表布局样式代码,不错的网页图文列表布局排版效果。
DivCSS网站布局视频教程第4课 CSS设置图片效果
纯CSS3实现的DIV高亮显示效果,无图片
css模板 css div模板,一共10个模板
纯CSS 鼠标经过DIV另一个显示隐藏 多个DIV并存
第3章 用CSS设置丰富的文字效果 3.1 CSS文字样式 3.2 文字实例一:模拟Google公司Logo 3.3 文字实例二:制作页面的五彩标题 3.4 CSS段落文字 3.5 段落实例:百度搜索 第4章 用...
div _cssdiv _cssdiv _cssdiv _cssdiv _cssdiv _cssdiv _cssdiv _cssdiv _cssdiv _cssdiv _cssdiv _cssdiv _cssdiv _cssdiv _css