java，jsp页面添加提示图以及提示音乐

效果如下：

前台代码
<!-- 使用h5写的提醒图片--><style>
.tx{ width:38px;height:30px;display:inline- block;background:url("../../../images/sos.gif") no-repeat;position:relative;top:5px;left:3px;<!-- 使用h5写的提醒图片-->
}
</style>   <!--下载的音乐 --><a href="#" id="MsgNum"><i onclick="remind()"><i class="hasxx"></i></i></a><audio autoplay="autoplay" loop="loop" id="remindSound"></audio><!--下载的音乐 --><!--当进入时候就会执行方法-->
$(document).ready(function (){remindTasking();});<!--执行完以下代码之后为重点：添加提示图片以及音乐-->
function remindTasking(){
$.ajax({url: "/remind/remindList.html",type: "post",dataType:"json",cache: false,async: false,success: function(data){//请求成功之后if(data.length>0){//如果有数据                   $('#MsgNum').attr("title","你有"+data.length+"条未读消息");$('#recolor').attr("color","red");$("#remindSound").attr("src","../../../music/7821.mp3");//添加音乐$('#MsgNum .hasxx').addClass('tx');//添加显示的图片}else{  //如果没有数据$("#remindSound").attr("src","");//将音乐清空$('#recolor').attr("color","white");$('#MsgNum .hasxx').removeClass('tx');//将显示的提示图片去掉}}})
}

如果有数据此时会有图片音乐，如上图所示：
注：（1）后台代码我就不写了；
（2）添加音乐使用的标签：

(3)图片就不多说了；
希望对你有用

java，jsp页面添加提示图以及提示音乐相关推荐

java jsp页面如何添加C标签
在https://mvnrepository.com/找两个jar包分别是: <dependency> <groupId>javax.servlet.jsp.jstl</ ...
Java商品规格添加购物车_关于java+jsp购物车添加商品的有关问题，来哦
关于java+jsp购物车添加商品的有关问题,来哦热度:9587 发布时间:2013-02-25 21:44:20 关于java+jsp购物车添加商品的问题,,高手进来哦提示错误: An er ...
java jsp页面传值_JSP 页面传值方法总结
JSP 页面间传递参数是项目中经常需要的,这应该算是 web 基本功吧. 试着将各种方式总结下来,需要时可以进行权衡利弊选择最合适的方式. 1. URL 链接后追加参数 URL 后面追加参数 resp ...
给wordpress页面添加特色图也叫缩略图
默认的wordpress程序里页面是没有特色图的功能的,如果在wordpress主题制作过程中,需要为页面添加特色图时,以下代码即可实现: add_action('init', 'page_excer ...
微信小程序页面添加背景图，图片全屏显示
前言微信的wxss里面不允许使用使用 background: url(),只能另外找方法进行背景图片显示. 方法 1.wxss页面里面设置页面的全屏宽高,以及view添加宽高 page{height ...
jsp页面添加视频播放
使用格式工厂avi转mp4无图像仅有声音 mp4有3种编码,mpg4(xdiv),mpg4(xvid),avc(h264),只有h264才是公认的MP4标准编码,因此需要设置编码格式为avc laye ...
java jsp 页面下拉框 ajax异步加载数库数据
全面详细的新手下拉框数据显示.web项目中难免用到下拉框异步加载数据的情况.这里分享一个.使用的是jquery的ajax异步加载后台数据.后台使用java语言. 1,先看效果,下拉框如下: 2.获取值 ...
Jsp 页面添加动态水印
//从session 中读取需要的信息 <% javacommon.base.LoginUser user = (javacommon.base.LoginUser) session.getAt ...
JSP页面添加播放视频功能
2019独角兽企业重金招聘Python工程师标准>>> <video id="video" controls preload="auto" ...

java，jsp页面添加提示图以及提示音乐

java，jsp页面添加提示图以及提示音乐相关推荐

最新文章

热门文章