高分在线等,为什么javascript代码在html页面可以实现效果,在aspx页面不能实现呢?麻烦高手给解决一下 30
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3c.org/TR/1999/R...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<title>京东产品展示效果制作</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link href="css/163css.css" type="text/css" rel="stylesheet">
<script src="js/jquery-1.2.6.pack.js" type="text/javascript"></script>
<script src="js/163css.base.js" type="text/javascript"></script>
<script src="js/163css.lib.js" type="text/javascript"></script>
<script src="js/163css.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$(".jqzoom").jqueryzoom({
xzoom: 400,
yzoom: 400,
offset: 10,
position: "right",
preload: 1,
lens: 1
}); $("#spec-list").jdMarquee({
deriction: "left",
width: 350, height: 56, step: 2,speed: 4, delay: 10, control: true,
_front: "#spec-right",
_back: "#spec-left"});
$("#spec-list img").bind("mouseover", function() {
var src = $(this).attr("src");
$("#spec-n1 img").eq(0).attr({
src: src.replace("\/n5\/", "\/n1\/"),
jqimg: src.replace("\/n5\/", "\/n0\/") });
$(this).css({
"border": "2px solid #ff6600",
"padding": "1px" });
}).bind("mouseout", function() {
$(this).css({
"border": "1px solid #ccc",
"padding": "2px"
});});})</script>
</head>
<body>
<div id="preview">
<div class="jqzoom" id="spec-n1" onclick="window.open('http://www.codefans.net')">
<img height="350" src="images/img04.jpg" jqimg="images/img04.jpg" width="350">
</div> <div id="spec-n5">
<div class="control" id="spec-left"><img src="images/left.gif" /> </div><div id="spec-list"> <ul class="list-h"> <li><img src="images/img01.jpg"></li>
<li> <img src="images/img02.jpg"> </li>
<li> <img src="images/img04.jpg"></li>
<li><img src="images/img01.jpg"></li>
<li> <img src="images/img02.jpg"> </li>
<li> <img src="images/img03.jpg"> </li>
<li> <img src="images/img04.jpg"></li></ul></div>
<div class="control" id="spec-right">
<img src="images/right.gif" /> </div> </div> </div></body></html>
实现局部放大,下面小图片滚动,小图片鼠标悬浮显示大图 。的效果 展开
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<title>京东产品展示效果制作</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link href="css/163css.css" type="text/css" rel="stylesheet">
<script src="js/jquery-1.2.6.pack.js" type="text/javascript"></script>
<script src="js/163css.base.js" type="text/javascript"></script>
<script src="js/163css.lib.js" type="text/javascript"></script>
<script src="js/163css.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$(".jqzoom").jqueryzoom({
xzoom: 400,
yzoom: 400,
offset: 10,
position: "right",
preload: 1,
lens: 1
}); $("#spec-list").jdMarquee({
deriction: "left",
width: 350, height: 56, step: 2,speed: 4, delay: 10, control: true,
_front: "#spec-right",
_back: "#spec-left"});
$("#spec-list img").bind("mouseover", function() {
var src = $(this).attr("src");
$("#spec-n1 img").eq(0).attr({
src: src.replace("\/n5\/", "\/n1\/"),
jqimg: src.replace("\/n5\/", "\/n0\/") });
$(this).css({
"border": "2px solid #ff6600",
"padding": "1px" });
}).bind("mouseout", function() {
$(this).css({
"border": "1px solid #ccc",
"padding": "2px"
});});})</script>
</head>
<body>
<div id="preview">
<div class="jqzoom" id="spec-n1" onclick="window.open('http://www.codefans.net')">
<img height="350" src="images/img04.jpg" jqimg="images/img04.jpg" width="350">
</div> <div id="spec-n5">
<div class="control" id="spec-left"><img src="images/left.gif" /> </div><div id="spec-list"> <ul class="list-h"> <li><img src="images/img01.jpg"></li>
<li> <img src="images/img02.jpg"> </li>
<li> <img src="images/img04.jpg"></li>
<li><img src="images/img01.jpg"></li>
<li> <img src="images/img02.jpg"> </li>
<li> <img src="images/img03.jpg"> </li>
<li> <img src="images/img04.jpg"></li></ul></div>
<div class="control" id="spec-right">
<img src="images/right.gif" /> </div> </div> </div></body></html>
实现局部放大,下面小图片滚动,小图片鼠标悬浮显示大图 。的效果 展开
展开全部
js和动不动态没什么关系的,可能是你在添加的过程中出现了错误吧,直接用火狐firebug调试
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
你是怎么测试ASPX页面的?本地?服务器?调试ASPX页面要在服务器中;
除去JS效果后,ASPX页面的信息是否能正常显示?保证ASPX页面本身能正常读取数据库数据;
如果以上都没有问题,确保你所有JS效果所需要的js文件都能正确加载。
除去JS效果后,ASPX页面的信息是否能正常显示?保证ASPX页面本身能正常读取数据库数据;
如果以上都没有问题,确保你所有JS效果所需要的js文件都能正确加载。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
把页面放到iis服务器中再看
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
我想问的是,你是北大青鸟的学员?
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询