首先是show.jsp:
<%@ page language="java" contentType="text/html; charset=GB2312"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="css/amplify.css">
</head>
<body bgcolor="#DCDADA">
<div class="test">
<a href="img/instr1.jpg"><IMG src="img/instr1.jpg"></a>
</div>
</body>
</html>
以下是amplify.css
.test a img{/*original*/
BORDER-TOP-WIDTH: 0px;
BORDER-LEFT-WIDTH: 0px;
BORDER-BOTTOM-WIDTH: 0px;
BORDER-RIGHT-WIDTH: 0px;
MARGIN: 5px;
WIDTH: 100px;
HEIGHT: 75px;
}
.test a:hover img{/*amplified*/
POSITION: absolute;
BORDER-RIGHT: #DCDADA 1px solid;
PADDING-RIGHT: 5px;
BORDER-TOP: #DCDADA 1px solid;
PADDING-TOP: 5px;
BORDER-LEFT: #DCDADA 1px solid;
PADDING-LEFT: 5px;
BORDER-BOTTOM: #DCDADA 1px solid;
PADDING-BOTTOM: 5px;
LEFT: -50px;
TOP:-38px;
WIDTH: 200px;
HEIGHT: 150px;
}
请问：
1.点击后背景改变了，怎么使其保持#DCDADA？
2.点击放大图片后怎么能再点击使其还原？
7 个解决方案
#1
<a href="img/instr1.jpg"> 你点击后，就是在浏览器内打开这个jpg文件，而不是你制作的这个网页了。
#2
能指点一下怎么修改吗？
#3
是不可以指向一个网页，这个网页内元素只有这张图片
#4
我的想法是当鼠标点击时，就在本网页放大，再次点击就恢复原状，不用在另一页单独进行放大。不知道怎么做了。
#5
关注中，你的要求我不能做出来。I am sorry.
#6
用CSS实现缩略图鼠标移上去显示大图
http://www.cssplay.org.cn/css-example/20080812/642.html
http://www.cssplay.org.cn/css-example/20080812/642.html
#7
谢谢，非常感谢~
#1
<a href="img/instr1.jpg"> 你点击后，就是在浏览器内打开这个jpg文件，而不是你制作的这个网页了。
#2
能指点一下怎么修改吗？
#3
是不可以指向一个网页，这个网页内元素只有这张图片
#4
我的想法是当鼠标点击时，就在本网页放大，再次点击就恢复原状，不用在另一页单独进行放大。不知道怎么做了。
#5
关注中，你的要求我不能做出来。I am sorry.
#6
用CSS实现缩略图鼠标移上去显示大图
http://www.cssplay.org.cn/css-example/20080812/642.html
http://www.cssplay.org.cn/css-example/20080812/642.html
#7
谢谢，非常感谢~