posts - 84, comments - 264, trackbacks - 0

js点击放大效果背景变色

<html>
3

<head>
5

<title>点击图片放大</title>
7

<style>
9

body{font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
11

a{color:#000; text-decoration:none;}
13

.img{border:0px;}
15

.black_overlay{
17

display: none;
19

position: absolute;
21

top: 0%;
23

left: 0%;
25

width: 100%;
27

height: 100%;
29

background-color: black;
31

z-index:1001;
33

-moz-opacity: 0.8;
35

opacity:.80;
37

filter: alpha(opacity=80);
39

}
41

.white_content {
43

display: none;
45

position: absolute;
47

top: 15%;
49

left: 25%;
51

width: 535px;
53

height: 420px;
55

border: 16px solid #FFF;
57

border-bottom:none;
59

background-color: white;
61

z-index:1002;
63

overflow: auto;
65

}
67

</style>
69

</head>
71

<body>
73

<p><a href = "#" onclick = "document.getElementById('light').style.display='block';document.getElementById
75

('fade').style.display='block'"><img src="http://www.webdm.cn/images/20091006/xiao1.gif" width="100" height="89"/></a></p>
79

<div id="light" class="white_content"><a href = "javascript:void
81

(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById
85

('fade').style.display='none'"><img src="http://www.webdm.cn/images/20091006/da2.gif"/> Close</a></div>
89

<div id="fade" class="black_overlay"></div>
91

</body>
93

</html>
95

posted on 2012-10-01 22:50 wf 阅读(552) 评论(0) 编辑收藏引用所属分类: Computer Tech.

只有注册用户登录后才能发表评论。

2012年10月

日

一

二

三

四

五

六

欢迎来到我的BLOG~~~

之前存放FLASH和音乐的地方down掉了，随便链个歌先听听吧~~~
免费的东西真不保险啊~~

听到首英文歌，挺好听的，放上来。。God is a girl。。far away from home

换了新歌All Out of Love

经推荐换个the power of dream~

换个歌I believe in love

今晚,我感觉离你很近---又换歌了

That place in your heart~~

I'm all about you~08317

always and forever~

Acros the universe

常用链接

留言簿(14)

随笔分类

随笔档案

文章分类

Published(26)

文章档案

相册

Time flies...

friend

It's no go
best wishes..
kick his ass again and again
wish he could find that perfect girl
Sweet lemon
..all that i can see is just a yellow lemon tree...

study

Jacky26℃
很全的计算机水平考试资料
topboyleo
a lot of English stuff like Action English......