《JavaWeb---简单应用---服务器向客户端提供音乐资源(二)》---歌曲展示页面提升,实现渐变色显示,选中行变色
2012-09-25 19:34
826 查看
在以前基础上又在当页添加了播放器,点击简单播放,即可实现播放选中曲目.
以前版本查看点击这里
以前版本查看点击这里
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@ page import="java.io.File"%> <%@ page import="java.net.URL"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>音乐列表</title> <style> body { text-align: center; } .even{ background-color: #FFFF99 } .odd{ background-color: #FFCCFF } tr:HOVER { background-color: #00FFCC } </style> <script language="javascript"> function playMusic(url){ FenghuoMP.filename=url; FenghuoMP.autostart=true; } </script> </head> <body> <font color="red">本站提供下列音乐:</font> <br /> <object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="FenghuoMP" height="40" width="300" > <param name="Filename" value="${pageContext.request.contextPath }/resource/musiclist.m3u"> <param name="autostart" value="0"> <param name="stretchToFit" value="0"> </object><br /> <%-- 利用JSTL结合EL表达式,将域中歌曲信息展现给用户 --%> <table border="1" width="50%"> <c:forEach var="music" items="${musics }" varStatus="i"> <tr class="${i.count%2==0? 'even':'odd' }"> <td>${music.value }</td> <td><a href='${pageContext.request.contextPath }/resource/music/${music.key }'>下载</a></td> <td><a href='${pageContext.request.contextPath }/servlet/PlayMusic?resname=${music.key }' target='_blank'> 播放</a></td> <td><a href='javascript:void(0)' onclick="playMusic('${pageContext.request.contextPath }/resource/music/${music.key }')"> 简单播放</a> <br /></td> </tr> </c:forEach> </table> </body> </html>
相关文章推荐
- 《JavaWeb---简单应用---服务器向客户端提供音乐资源(三)》--- 利用struts实现文件下载,下载时改变文件的名称
- 《JavaWeb---简单应用---服务器向客户端提供音乐资源》---用到的技术dom4j,JSTL,EL表达式
- -[Up,every,day] 之 №2_.NET Socket 简单的应用,实现服务器与客户端 实时更新对话.!
- javaweb 服务器 提供SOAP协议接口,android客户端调用代码实现过程
- 实现点击在组件下方弹出单选框。并且选中哪个哪个后方显示对勾。文字变色。同时展示Popupwindow实现和遮罩效果
- vue.js单页面应用实例的简单实现
- Javascript实现页面左边的菜单选中项高亮显示
- python3实现TCP协议的简单服务器和客户端案例(分享)
- swiper实现h5页面分屏应用,当一屏内容太多无法滑动显示
- 服务器—客户端模式实现简单的通信
- python学习(1)--实现简单的服务器与客户端
- 运用Java中socket编程实现简单的服务器客户端收发信息程序
- SharpStreaming项目开发纪实:构建基本的服务器及客户端应用(六)——服务器通信部分初步实现
- Android网络应用之使用Scoket的Android客户端与TCP服务器的简单交互
- SharpStreaming项目开发纪实:构建基于RTSP协议的服务器及客户端应用(三)——客户端的业务代码实现
- Andorid简单应用理财工具-实现添加账单页面
- 实现在搜索结果页面中变色显示搜索关键字
- WinSock2简单的服务器与客户端(C语言实现)
- 什么是socket?什么是socket的长、短连接?java如何简单实现socket客户端和服务器?
- TFS不提供team foundation服务 不能显示页面及简单安装Team Foundation Service方法