Edit D:\chineseall_products\bak\digitalLib6\pages\screen\web\horizontal\index.jsp

<%@ page contentType="text/html;charset=utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit">
<meta charset="utf-8">
<base href="${contextPath}/pages/screen/web/horizontal/">
<link href="css/base.css" type="text/css" rel="stylesheet">
<link href="css/index.css" type="text/css" rel="stylesheet">
<link href="css/pathmenu.css" type="text/css" rel="stylesheet">
<script src="js/jquery-1.12.1.js" type="text/javascript"></script>
<script src="js/nav.js"></script>
<script src="js/draggabilly.pkgd.min.js"></script>
<script src="js/dragQrCode.js"></script>
<script src="js/cascadeTransform.js"></script>
<style type="text/css">
<s:if test='"0"==showQrcode'>
.erweima_b, .erweima{display: none;}
</s:if>
</style>
<title>??????</title>
</head>
<body>
	<div class="topbar"></div>
	<jsp:include page="inc/topLogoCount.jsp"/>
	
	<div class="bodycenter">
		<div class="centerleft">
		 	<s:action namespace="/screen" name="pathMenu" executeResult="true">
		 		<s:param name="pathMainBg" value="'img/ico3.png'"/>
		 	</s:action>
			<A class="leftico_bg" href="${contextPath}/screen/search.action"><img src="img/ico4.png"></A>
		</div>
		<div class="center_content">
			<ul id="demo">
				<li class="slide">
					
					<div id="newBook" class="present newbook_redupbox">
						
						<div class="i_toptitle">
							<span class="leftico"></span><span class="title">???????</span><span class="rightico"></span> <span class="time"></span>
						</div>
						<div id="bookList"></div>
						<div class="verticalTitle">
							<span>???????</span>
						</div>
					</div> 
					
				</li>
				<li class="slide">
					
					<div id="maxRead" class="present">
						
						<div class="i_toptitle">
							<span class="leftico"></span><span class="title">?????</span><span class="rightico"></span>
						</div>
						<div id="bookList"></div>
						<div class="verticalTitle">
							<span>?????</span>
						</div>
					</div> 
					
				</li>
				<li class="slide active">
					
					<div id="recommendBook" class="present">
						
						<div class="i_toptitle">
							<span class="leftico"></span><span class="title">??????</span><span class="rightico"></span>
						</div>
						<div id="bookList"></div>
						<div class="verticalTitle">
							<span>??????</span>
						</div>
					</div> 
					
				</li>
			</ul>
			<div class="clear"></div>
			
			<div class="turnpage">
				<img id="slider" src="img/ico6.png">
			</div>
			
		</div>
	</div>

<div>
		<div class="up_bg_t"></div>
		<div class="boxb">
			<a class="closed"></a>
			<div class="content">
				<div class="book_detail  audio_detail">
					<div class="leftimg">
						<img id="bookCover" src="img/temp.jpg" alt=""
							onerror="this.src='${contextPath}/bookfiles/defaultCover.jpg'" />
					</div>
					<div class="rightdetail">
						<div class="top">
							<dl>
								<dt id="bookTitle">--</dt>
								<dd id="bookAuthor">--</dd>
							</dl>
							<div class="bottom">
								<p id="bookIntro">--</p>
							</div>
							<div class="right_code">
								<img id="bookQrCode" src="img/temp1.jpg" alt="" />
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="upcontent_text">------</div>
			<div class="read_btn">
				<a href="javascript:;" style="display: block; height: 80px; width: 210px;">???</a>
			</div>
		</div>
	</div>
	
</body>

$(function() {
		//??????????
		$.ajax({
			url : '${contextPath}/screen/getIndexNewBook.action',
			type : 'GET',
			data : {
				pageSize : 8
			},
			cache : false,
			dataType : 'json',
			success : function(data) {
				var obj = data.books;

str += '<div class="i_content"><ul>';
				for (var k = 4; k < obj.length; k++) {
					str += '<li><a class="bookClick" objectId="'
							+ obj[k].id
							+ '" href="${contextPath}/screen/bookDetail.action?objectId='
							+ obj[k].id
							+ '"><img class="bookpic" src="${contextPath}'+obj[k].cover+'" onerror="this.src=\'${contextPath}/bookfiles/defaultCover.jpg\'"></a>';
					if (obj[k].type == 'ebook') {
						str += '<img class="erweima" src="${contextPath}/resourceDownloadImg.action?type=1&imgSize=5&objectId='
								+ obj[k].id + '">';
					}
					str += '</li>';
				}
				str += '</ul></div>';
				
				$("#demo .slide #newBook #bookList").html(str);

}
		});		
		
		//????????
		$.ajax({
			url : '${contextPath}/screen/getTopVisitBook.action',
			type : 'GET',
			data : {
				pageSize : 10
			},
			cache : false,
			dataType : 'json',
			success : function(data) {
				var books = data.books;
				var str_1="",str_2="",str_3="",str_4="",str="";
				for(var i = 0; i < books.length; i++) {			
					switch(i) {
					case 0:
						str_1 = '<li><a class="bookClick" objectId="'
							+books[i].id+'" href="${contextPath}/screen/bookDetail.action?objectId='
							+books[i].id+'"><img class="bookpic_b" src="'
							+books[i].cover+'" onerror="this.src=\'${contextPath}/bookfiles/defaultCover.jpg\'"></a><img class="erweima_b" src="${contextPath}/resourceDownloadImg.action?type=1&imgSize=5&objectId='
							+books[i].id + '"><img class="tag1" src="img/ico9.png"></li>';
						break;
					case 1:
						str_2 = '<li><a class="bookClick" objectId="'
							+books[i].id+'" href="${contextPath}/screen/bookDetail.action?objectId='
							+books[i].id+'"><img class="bookpic" src="${contextPath}'
							+books[i].cover+'" onerror="this.src=\'${contextPath}/bookfiles/defaultCover.jpg\'"></a><img class="erweima_b" src="${contextPath}/resourceDownloadImg.action?type=1&imgSize=5&objectId='
							+books[i].id + '"><span class="tag2">2</span></li>';
						break;
					case 2:
						str_3 = '<li><a class="bookClick" objectId="'
							+books[i].id+'" href="${contextPath}/screen/bookDetail.action?objectId='
							+books[i].id+'"><img class="bookpic" src="${contextPath}'
							+books[i].cover+'" onerror="this.src=\'${contextPath}/bookfiles/defaultCover.jpg\'"></a><img class="erweima_b" src="${contextPath}/resourceDownloadImg.action?type=1&imgSize=5&objectId='
							+books[i].id + '"><span class="tag2">3</span></li>';
						break;
					case 3:
						str_4 = '<li><a class="bookClick" objectId="'
							+books[i].id+'" href="${contextPath}/screen/bookDetail.action?objectId='
							+books[i].id+'"><img class="bookpic_s" src="'
							+books[i].cover+'" onerror="this.src=\'${contextPath}/bookfiles/defaultCover.jpg\'"></a><img class="erweima_b" src="${contextPath}/resourceDownloadImg.action?type=1&imgSize=5&objectId='
							+books[i].id + '"><span class="tag3">4</span></li>';
						break;
					default:
						str += '<li><a class="bookClick" objectId="'
							+books[i].id+'" href="${contextPath}/screen/bookDetail.action?objectId='
							+books[i].id+'"><img class="bookpic_s" src="'
							+books[i].cover+'" onerror="this.src=\'${contextPath}/bookfiles/defaultCover.jpg\'"></a><img class="erweima_b" src="${contextPath}/resourceDownloadImg.action?type=1&imgSize=5&objectId='
							+books[i].id + '"><span class="tag3">'+ (i+1) +'</span></li>'
					}
				}
				
				str = str_4 + str_2 + str_1 + str_3 + str;
				str = '<div class="i_content_fyb" style="display:none;"><ul>' + str;
				str = str + '</ul></div>';
				
				$("#demo .slide #maxRead #bookList").html(str);

}
		});		
		
		//????????????
		$.ajax({
			url : '${contextPath}/screen/getIndexRecommendBook.action',
			type : 'GET',
			data : {
				pageSize : 8
			},
			cache : false,
			dataType : 'json',
			success : function(data) {
				var obj = data.books;

str += '<div class="i_content" style="display:none;"><ul>';
				for (var k = 4; k < obj.length; k++) {
					str += '<li><a class="bookClick" objectId="'
							+ obj[k].id
							+ '" href="${contextPath}/screen/bookDetail.action?objectId='
							+ obj[k].id
							+ '"><img class="bookpic" src="${contextPath}'+obj[k].cover+'" onerror="this.src=\'${contextPath}/bookfiles/defaultCover.jpg\'"></a>';
					if (obj[k].type == 'ebook') {
						str += '<img class="erweima" src="${contextPath}/resourceDownloadImg.action?type=1&imgSize=5&objectId='
								+ obj[k].id + '">';
					}
					str += '</li>';
				}
				str += '</ul></div>';

$("#demo .slide #recommendBook #bookList").html(str);

}
		});

/*******
		//????????????????????????
		$(document).on(
				'click',
				'#demo .bookClick',
				function() {
					$.ajax({
						url : '${contextPath}/screen/getPopupsInfo.action',
						type : 'GET',
						data : {
							objectId : $(this).attr("objectId")
						},
						dataType : 'json',
						success : function(data) {
							if (data == "" || data == null) {
								return false;
							}
							$(".boxb #bookTitle").html(data.title);
							$(".boxb #bookAuthor").html(data.author);
							$(".boxb #bookCover").attr("src", '${contextPath}'+data.cover).attr(
									"alt", data.title);
							$(".boxb #bookIntro").html(data.intro);
							$(".boxb #bookQrCode").attr(
									"src",
									"${contextPath}/resourceDownloadImg.action?type=1&imgSize=5&objectId="
											+ data.id);
							$(".boxb .read_btn a").attr(
									"href",
									"${contextPath}/screen/bookDetail.action?objectId="
											+ data.id);
						}
					});
					$(".up_bg_t,.boxb").fadeIn(150);
					var settingHeight = $(".boxb").height();
					$(".boxb").css("margin-top", -settingHeight / 1.4);
					return false;
				});

//??????
		$(".closed").click(function() {
			$(".up_bg_t,.boxb").fadeOut(150);
		});
		******/
	});
</script>
</html>

Ms-Dos/Windows Unix Write backup

jsp File Browser version 1.2 by www.vonloesch.de