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

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="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/vertical/">
	<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/circleMenu.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="logobar">
			<div class="logo"><a href="${contextPath}/screen/search.action"><img src="img/search_ico.png" alt=""/></a></div>
			<div class="center1"><span class="type3">???</span><span class="type1">?????</span><span class="type3">???</span><div class="mleft40"><span class="type3">??</span><span id="visitCount" class="type2">--</span>?????</div></div>
			<div class="center2"><span class="type3">?????</span><span id="bookCount" class="type2">--</span><div class="mleft40" style="margin-left: 0px;"><span class="type3">?????</span><span class="type1">?????????</span></div></div>
			<div class="center3"><span class="type3">??????</span><span id="videoCount" class="type2">--</span><span class="type3">?????</span><span class="type1">?????</span> 
            <div class="mleft40 center4"><span class="type4">???</span><span id="audioCount" class="type2">--</span>?????</div></div>
			
			<div class="right" id="dragQrCode">
				<div class="qrCodeImg_div">
					<img id="qrCode" src="img/ico002.jpg" />
				</div>
				<div class="qrCode_handle">
					<img id="dragHandle" src="img/ico1.gif" />
				</div>
			</div>
			
		</div>
	

<div class="bodycenter">
	<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>
					</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" style="margin-left:165px;"></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>
	
	<s:action namespace="/screen" name="pathMenu" executeResult="true">
		<s:param name="pathMainBg" value="'img/navbg.png'"/>
	</s:action>
</body>
<script type="text/javascript">
if (typeof(document.onselectstart) != "undefined") {        
    // IE????????????        
    document.onselectstart = new Function("return false");     
}

$(function(){
	
	//????????????????????1??????????
	var showScreenCount = function() {
		$.ajax({
			url : '${contextPath}/screen/getScreenCount.action',
			type : 'GET',
			cache : false,
			dataType : 'json',
			success : function(data) {
				$(".logobar #visitCount").html(data.visitCount);
				$(".logobar #bookCount").html(data.bookCount);
				//$(".logobar #borrowedBookCount").html(data.borrowedBookCount);
				//$(".logobar #todayReturnedBookCount").html(data.todayReturnedBookCount);
				$(".logobar #videoCount").html(data.videoCount + data.videoCountAdd);
				$(".logobar #audioCount").html(data.audioCount + data.audioCountAdd);
			}
		});
	}
	showScreenCount();
	var sreenCountInterval = setInterval(showScreenCount, 60000);
	
	
	//??????????
	$.ajax({
		url : '${contextPath}/screen/getIndexNewBook.action',
		type : 'GET',
		data : {
			pageSize : 12
		},
		cache : false,
		dataType : 'json',
		success : function(data) {
			var obj = data.books;
			var str ='';
			for(var i=0; i<obj.length && i<12 ; i++) {
				if(i%3==0) {
					str += '<div class="i_content"><ul>';
				}
				str += '<li><a class="bookClick" objectId="'
					+ obj[i].id
					+ '" href="${contextPath}/screen/bookDetail.action?objectId='
					+ obj[i].id
					+ '"><img class="bookpic" src="${contextPath}'+obj[i].cover+'" onerror="this.src=\'${contextPath}/bookfiles/defaultCover.jpg\'"></a>';
				if (obj[i].type == 'ebook') {
					str += '<img class="erweima" src="${contextPath}/resourceDownloadImg.action?type=1&imgSize=5&objectId=' + obj[i].id + '">';
				}
				str += '</li>';
				if((i+1)%3==0) {
					str += '</ul></div>';
				}
			}
			$("#demo .slide #newBook #bookList").html(str);

}
	});		
	
	//????????
	$.ajax({
		url : '${contextPath}/screen/getTopVisitBook.action',
		type : 'GET',
		data : {
			pageSize : 12
		},
		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="${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 + '"><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="${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="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="${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="tag3">'+ (i+1) +'</span></li>'
				}
			}
			
			str = str_1 + str_2 + str_3 + str_4 + 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 : 12
		},
		cache : false,
		dataType : 'json',
		success : function(data) {
			var obj = data.books;
			var str ='';
			for(var i=0; i<obj.length && i<12 ; i++) {
				if(i%3==0) {
					str += '<div class="i_content"><ul>';
				}
				str += '<li><a class="bookClick" objectId="'
					+ obj[i].id
					+ '" href="${contextPath}/screen/bookDetail.action?objectId='
					+ obj[i].id
					+ '"><img class="bookpic" src="${contextPath}'+obj[i].cover+'" onerror="this.src=\'${contextPath}/bookfiles/defaultCover.jpg\'"></a>';
				if (obj[i].type == 'ebook') {
					str += '<img class="erweima" src="${contextPath}/resourceDownloadImg.action?type=1&imgSize=5&objectId=' + obj[i].id + '">';
				}
				str += '</li>';
				if((i+1)%3==0) {
					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