|
|
发表于 2013-1-13 17:31:39
|
|阅读模式
来自 中国湖北十堰
鼠标移动到图片上，图片自动缩到左上角，右下角出现文字说明，鼠标移走后图片恢复，不错的图片特效
代码片段(3)
[图片] 123.jpg
[代码] [JavaScript]代码
01
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
02
<html xmlns="http://www.w3.org/1999/xhtml">
03
<head>
04
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
05
<title>jquery实现图片放大缩小功能</title>
06
<link rel="stylesheet" type="text/css" href="css/lanrenzhijia.css"></link>
07
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
08
<script type="text/javascript" src="js/lanrenzhijia.js"></script>
09
</head>
10
11
<body>
12
<div class="galleryContainer">
13
14
<!--galleryEntry-->
15
<div class="galleryImage">
16
<img src="images/image01.jpg"></img>
17
<div class="info">
18
<h2>Taylor Swift</h2>
19
<p>
20
Taylor Alison Swift (born December 13, 1989) is an American country pop singer-songwriter and actress.
21
</p>
22
</div>
23
</div>
24
<!--end galleryEntry-->
25
26
27
<!--galleryEntry-->
28
<div class="galleryImage">
29
<img src="images/image02.jpg"></img>
30
<div class="info">
31
<h2>Rihanna</h2>
32
<p>
33
Rihanna (born February 20, 1988) is a Barbadian R&B recording artist and model born in Saint Michael, Barbados.
34
</p>
35
</div>
36
</div>
37
<!--end galleryEntry-->
38
39
40
<!--galleryEntry-->
41
<div class="galleryImage">
42
<img src="images/image03.jpg"></img>
43
<div class="info">
44
<h2>Black Eyed Peas</h2>
45
<p>
46
The Black Eyed Peas is a Grammy Award winning hip hop group that formed in Los Angeles, California in 1995.
47
</p>
48
</div>
49
</div>
50
<!--end galleryEntry-->
51
52
<!--galleryEntry-->
53
<div class="galleryImage">
54
<img src="images/image04.jpg"></img>
55
<div class="info">
56
<h2>Lady Antebellum</h2>
57
<p>
58
Lady Antebellum is an American country music group formed inNashville, Tennessee in 2006.
59
</p>
60
</div>
61
</div>
62
<!--end galleryEntry-->
63
64
<!--galleryEntry-->
65
<div class="galleryImage">
66
<img src="images/image05.jpg"></img>
67
<div class="info">
68
<h2>Lady Gaga</h2>
69
<p>
70
Lady Gaga is an American recording artist who rose to fame withher first two singles "Just Dance" and "Poker Face".
71
</p>
72
</div>
73
</div>
74
<!--end galleryEntry-->
75
76
77
<!--galleryEntry-->
78
<div class="galleryImage">
79
<img src="images/image06.jpg"></img>
80
<div class="info">
81
<h2>The Killers</h2>
82
<p>
83
The Killers is an American rock band from Las Vegas, Nevada, formed in 2002 who have sold over 16 million records worldwide.
84
</p>
85
</div>
86
</div>
87
<!--end galleryEntry-->
88
89
90
</div>
91
</div>
92
</body>
93
</html>
[文件] lanrenzhijia.js ~ 349B 下载(0)
01
$(document).ready(function()
02
{
03
$('.galleryImage').hover(
04
function()
05
{
06
07
$(this).find('img').animate({width:100, marginTop:10, marginLeft:10}, 500);
08
09
},
10
function()
11
{
12
13
$(this).find('img').animate({width:325, marginTop:0, marginLeft:0},300);
14
15
});
16
});
17
18
|
|
