这是我的一个jsp网页,是下载的。图片切换效果好像没显示。麻烦各位看看是不是代码没写对。还是怎么回事。<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8" /><!-- /Added by HTTrack -->
<head>
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon" />
<meta charset="utf-8">
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<title>Product Reviews</title>
<link rel="stylesheet" href="css/style.css" media="screen">
<link rel="stylesheet" href="css/home-page.css" media="screen">
<link rel="stylesheet" href="css/ribbon-guideline.css" media="screen">
<link rel="stylesheet" href="css/Catalog-products.page.css" media="screen">
<link rel="stylesheet" href="css/Catalog-products-list.page.css" media="screen">
<link rel="stylesheet" href="css/Products-comparison.page.css" media="screen">
<link rel="stylesheet" href="css/Catalog-product-view.css" media="screen">
<link rel="stylesheet" href="css/catalog-product-view-reviws.css" media="screen">
<!--[if lt IE 9]>
<script src="js/html5.js"></script>
<link rel="stylesheet" href="css/ie.css" media="screen">
<![endif]-->
<script src="../ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="../ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
<script src="js/jquery.carouFredSel-6.1.0-packed.js"></script>
<script src="js/slides-pr.min.jquery.js"></script>
<script src="js/jquery.selectbox.min.js"></script>
<script src="js/jquery.jqzoom-core.js"></script>
<script src="js/slides.min.jquery.js"></script>
<script src="js/plugins.js"></script>
</head>
<body class="no-js front-page">
<!--Constuct zoom and tabs -->
<script>
$(document).ready(function(){
$("#tabs").tabs({ selected: 1 });
$("#tabs-desc").removeClass("pr-b-active");
$("#tabs-rev").addClass("pr-b-active");
$('.jqzoom').jqzoom({
zoomType: 'standard',
lens:true,
preloadImages: false,
alwaysOn:false
});
});
</script> <div id="container">
<!--Category image logo -->
<!-- Main slider -->
<div id="wrapper">
<article class="pr-view">
<header class="entry-header">
<h1 class="entry-title">Products name</h1>
</header>
<div class="pr-view-content">
<div class="pr-view-img">
<div id="products">
<!--Image products -->
<div class="slides_container">
<a href="img/pr-sl-1.png" class="jqzoom" rel='nofollow' title="triumph"><div class=" view-"></div><img src="img/pr-sl-1.png" width="325" height="292" alt="1144953 3 2x"></a>
<a href="img/pr-sl-2.png" class="jqzoom" rel='nofollow' title="triumph"><div class=" view-"></div><img src="img/pr-sl-2.png" width="325" height="292" alt="1144953 1 2x"></a>
<a href="img/pr-sl-1.png" class="jqzoom" rel='nofollow' title="triumph"><div class=" view-"></div><img src="img/pr-sl-1.png" width="325" height="292" alt="1144953 2 2x"></a>
</div>
<!--Small image products -->
<ul id="thumblist" class="pagination">
<li><a class="zoomThumbActive" href='javascript:void(0);' rel="nofollow"><img src="img/pr-sl-1.png" width="55" height="55" alt="1144953 3 2x"></a></li>
<li><a href='javascript:void(0);' rel="nofollow"><img src="img/pr-sl-2.png" width="55" height="55" alt="1144953 1 2x"></a></li>
<li><a href='javascript:void(0);' rel="nofollow"><img src="img/pr-sl-1.png" width="55" height="55" alt="1144953 1 2x"></a></li>
</ul>
</div>
</div>
<div class="pr-view-sd">
<div class="view-sd-header">
Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque
laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto
beatae vitae dicta sunt, explicabo.
</div>
<div class="view-sd-content">
<p>Product Code: <span>Shoes W23</span></p>
<p>Reward Points: <span>30</span></p>
<p>Availability: <span>20</span></p>
</div>
<div class="view-sd-footer">
<div class="sd-footer-l">
<div id="managbox" class="managbox-view">
<div>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
</div>
</div>
<div class="cstars view-stars"></div>
<p>3 reviews</p>
<input onclick="open_rev(this)" type="submit" value="Write a riview">
</div>
<div class="sd-footer-r">
<div class="view-price">
<div>$25555.00</div>
<div>$240.00</div>
<div>Ex Tax: $39.00</div>
</div>
<div class="qantyti"><p>Qantyti:</p><input type="text" value="1"></div>
<div class="clearfix"></div>
<a class="list-add" href="#"></a>
</div>
</div>
</div>
</div>
<div class="pr-desc-rev">
<div id="tabs">
<ul>
<li><a onclick="tabs_desc(this)" id="tabs-desc" class="pr-b-active" href="#tabs-1">Description</a></li>
<li><a onclick="tabs_rev(this)" id="tabs-rev" href="#tabs-2">Reviews (3)</a></li>
</ul>
<div id="tabs-2">
<div class="comment-form" id="com-form">
<h4>Write a review</h4>
<p>Your Name <span>*</span></p>
<input type="text">
<p>Your Review <span>*</span></p>
<textarea></textarea>
<p class="comment-note">Note: HTML is not translated!</p>
<p class="rait">Raiting <span>*</span></p>
<p class="rait-button"><span>1</span>
<input type="radio" name="raiting">
<input type="radio" name="raiting">
<input type="radio" name="raiting">
<input type="radio" name="raiting">
<input type="radio" name="raiting">
<span>5</span></p>
<input type="submit" value="Continue">
</div>
</div>
</div>
</div>
<div class="pr-d-r-border"></div>
<div class="relate-products">
</div>
</article>
</div>
</div>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8" /><!-- /Added by HTTrack -->
<head>
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon" />
<meta charset="utf-8">
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<title>Product Reviews</title>
<link rel="stylesheet" href="css/style.css" media="screen">
<link rel="stylesheet" href="css/home-page.css" media="screen">
<link rel="stylesheet" href="css/ribbon-guideline.css" media="screen">
<link rel="stylesheet" href="css/Catalog-products.page.css" media="screen">
<link rel="stylesheet" href="css/Catalog-products-list.page.css" media="screen">
<link rel="stylesheet" href="css/Products-comparison.page.css" media="screen">
<link rel="stylesheet" href="css/Catalog-product-view.css" media="screen">
<link rel="stylesheet" href="css/catalog-product-view-reviws.css" media="screen">
<!--[if lt IE 9]>
<script src="js/html5.js"></script>
<link rel="stylesheet" href="css/ie.css" media="screen">
<![endif]-->
<script src="../ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="../ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
<script src="js/jquery.carouFredSel-6.1.0-packed.js"></script>
<script src="js/slides-pr.min.jquery.js"></script>
<script src="js/jquery.selectbox.min.js"></script>
<script src="js/jquery.jqzoom-core.js"></script>
<script src="js/slides.min.jquery.js"></script>
<script src="js/plugins.js"></script>
</head>
<body class="no-js front-page">
<!--Constuct zoom and tabs -->
<script>
$(document).ready(function(){
$("#tabs").tabs({ selected: 1 });
$("#tabs-desc").removeClass("pr-b-active");
$("#tabs-rev").addClass("pr-b-active");
$('.jqzoom').jqzoom({
zoomType: 'standard',
lens:true,
preloadImages: false,
alwaysOn:false
});
});
</script> <div id="container">
<!--Category image logo -->
<!-- Main slider -->
<div id="wrapper">
<article class="pr-view">
<header class="entry-header">
<h1 class="entry-title">Products name</h1>
</header>
<div class="pr-view-content">
<div class="pr-view-img">
<div id="products">
<!--Image products -->
<div class="slides_container">
<a href="img/pr-sl-1.png" class="jqzoom" rel='nofollow' title="triumph"><div class=" view-"></div><img src="img/pr-sl-1.png" width="325" height="292" alt="1144953 3 2x"></a>
<a href="img/pr-sl-2.png" class="jqzoom" rel='nofollow' title="triumph"><div class=" view-"></div><img src="img/pr-sl-2.png" width="325" height="292" alt="1144953 1 2x"></a>
<a href="img/pr-sl-1.png" class="jqzoom" rel='nofollow' title="triumph"><div class=" view-"></div><img src="img/pr-sl-1.png" width="325" height="292" alt="1144953 2 2x"></a>
</div>
<!--Small image products -->
<ul id="thumblist" class="pagination">
<li><a class="zoomThumbActive" href='javascript:void(0);' rel="nofollow"><img src="img/pr-sl-1.png" width="55" height="55" alt="1144953 3 2x"></a></li>
<li><a href='javascript:void(0);' rel="nofollow"><img src="img/pr-sl-2.png" width="55" height="55" alt="1144953 1 2x"></a></li>
<li><a href='javascript:void(0);' rel="nofollow"><img src="img/pr-sl-1.png" width="55" height="55" alt="1144953 1 2x"></a></li>
</ul>
</div>
</div>
<div class="pr-view-sd">
<div class="view-sd-header">
Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque
laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto
beatae vitae dicta sunt, explicabo.
</div>
<div class="view-sd-content">
<p>Product Code: <span>Shoes W23</span></p>
<p>Reward Points: <span>30</span></p>
<p>Availability: <span>20</span></p>
</div>
<div class="view-sd-footer">
<div class="sd-footer-l">
<div id="managbox" class="managbox-view">
<div>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
</div>
</div>
<div class="cstars view-stars"></div>
<p>3 reviews</p>
<input onclick="open_rev(this)" type="submit" value="Write a riview">
</div>
<div class="sd-footer-r">
<div class="view-price">
<div>$25555.00</div>
<div>$240.00</div>
<div>Ex Tax: $39.00</div>
</div>
<div class="qantyti"><p>Qantyti:</p><input type="text" value="1"></div>
<div class="clearfix"></div>
<a class="list-add" href="#"></a>
</div>
</div>
</div>
</div>
<div class="pr-desc-rev">
<div id="tabs">
<ul>
<li><a onclick="tabs_desc(this)" id="tabs-desc" class="pr-b-active" href="#tabs-1">Description</a></li>
<li><a onclick="tabs_rev(this)" id="tabs-rev" href="#tabs-2">Reviews (3)</a></li>
</ul>
<div id="tabs-2">
<div class="comment-form" id="com-form">
<h4>Write a review</h4>
<p>Your Name <span>*</span></p>
<input type="text">
<p>Your Review <span>*</span></p>
<textarea></textarea>
<p class="comment-note">Note: HTML is not translated!</p>
<p class="rait">Raiting <span>*</span></p>
<p class="rait-button"><span>1</span>
<input type="radio" name="raiting">
<input type="radio" name="raiting">
<input type="radio" name="raiting">
<input type="radio" name="raiting">
<input type="radio" name="raiting">
<span>5</span></p>
<input type="submit" value="Continue">
</div>
</div>
</div>
</div>
<div class="pr-d-r-border"></div>
<div class="relate-products">
</div>
</article>
</div>
</div>
</body>
</html>
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货