首页 > 代码库 > JavaScript和CSS实现详情图片显示大图特效

JavaScript和CSS实现详情图片显示大图特效

2024-11-18 06:23:39   202人阅读

<!doctype html>
<html>
<head>
	<title>JavaScript和CSS实现详情图片显示大图特效</title>
	<meta http-equiv="content/text" charset="utf-8">
	<style type="text/css">
		BODY {
			FONT-SIZE: 14px;
			LINE-HEIGHT: 1.5;
			TEXT-DECORATION: none;
			FONT-FAMILY: simsun, Arial, "宋体";
			background-color: #FFFFFF;
		}
		td a:HOVER {
			color: red;
			background-color:#89d9fa;
		}
		 
		 #lookImg /*新增加大图样式*/
		{
			margin: 0 auto;
			border: 1px solid #0F0F0F;
			padding: 20px;
			height:660px;
			width: 480px;
			background: #FFFFFF;
			display: none;
			position: absolute; /*  这个对显示鼠标的位置很重要，如果不是绝对位置的话，将显示的地方不一样*/
			vertical-align: middle;
			text-align: center;
			font-family: Arial;
		}
	 
</style>
	<script src=http://www.mamicode.com/"http://code.jquery.com/jquery-1.11.2.js"></script>>
JavaScript和CSS实现详情图片显示大图特效


联系
我们