html------1.网页mp3语音展示，点击图片放大，点击图片跳转链接，调表格

Posted on 2016-12-15 16:17  奇思妙想的香菜  阅读(196)  评论(0)  编辑  收藏  举报

查看mp3语音

 1 <td class="value"><embed src="${sounds.soundName}"

2 type="audio/mp3" height="50" width="200" autostart="false" 3 loop="false"></embed></td> 

点击图片放大

 1 <%@ page language="java" contentType="text/html; charset=utf-8"
 2     pageEncoding="utf-8"%>
 3 <%@include file="/context/mytags.jsp"%>
 4 <!DOCTYPE html>
 5 <html>
 6 <head>
 7 <title>图片详情</title>
 8 <t:base type="jquery,easyui,tools,DatePicker"></t:base>
 9 </head>
10 <link rel="stylesheet" href="css/lightbox.css" type="text/css"
11     media="screen" />
12 
13 <script type="js/prototype.js" type="text/javascript"></script>
14 <script src="js/scriptaculous.js?load=effects" type="text/javascript"></script>
15 <script src="js/lightbox.js" type="text/javascript"></script>
16 
17 <style type="text/css">
18 body {
19     color: #333;
20     font: 13px 'Lucida Grande', Verdana, sans-serif;
21 }
22 </style>
23 <body style="overflow-y: hidden" scroll="no">
24     <t:formvalid formid="formobj" dialog="true" usePlugin="password"
25         layout="table" action="xnProjectController.do?save">
26         <td class="value"><a href="${images.imageUrl}" rel="lightbox">
27                 <img src="${images.imageUrl}" height="400" width="500"  alt=""/></a>
28     </t:formvalid>
29 </body>

image的js

链接：http://pan.baidu.com/s/1bM7VFS 密码：he0e

点击图片调链接下载

点击图片下载app<a href="http://1.202.156.190:8080/properties/Army.apk"><img src="plug-in/login/images/icon.png" width="80" height="80" alt=""></a>

更改对应的宽度，即可是展示滚动条

<table style="width: 1500px;" cellpadding="0" cellspacing="1"
class="formtable">