会员
周边
众包
新闻
博问
闪存
赞助商
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
︷起↘嚸.
坚持不懈,一步一个台阶
博客园
首页
新随笔
新文章
联系
管理
订阅
js--鼠标移入移出小图片,显示隐藏大图片
<
html xmlns
=
"
http://www.w3.org/1999/xhtml
"
>
<
head
>
<
title
>
Untitled Page
</
title
>
<
script type
=
"
text/javascript
"
>
//
JScript 文件
//
*******
//
鼠标移入显示大图片
//
*******
function yiru(t)
{
var ei
=
document.getElementById(
"
big_image
"
);
ei.style.display
=
"
block
"
;
ei.style.position
=
"
relative
"
;
ei.innerHTML
=
'
<img src="
'
+
t.src
+
'
" width="150px" height="150px" />
'
;
ei.style.top
=
event
.clientY
+
"
px
"
;
ei.style.left
=
event
.clientX
+
"
px
"
;
}
//
*******
//
鼠标移出隐藏大图片
//
*******
function yichu()
{
var ei
=
document.getElementById(
"
big_image
"
);
ei.style.display
=
"
none
"
;
}
</
script
>
</
head
>
<
body
>
<
img src
=
"
../imges/dl.png
"
onmouseover
=
"
yiru(this)
"
onmouseout
=
"
yichu()
"
/>
<
div id
=
"
big_image
"
style
=
"
display:none
"
></
div
>
</
body
>
</
html
>
,
这个送给你!
posted on
2008-07-23 10:06
︷起↘嚸.
阅读(
1593
) 评论(
0
)
编辑
收藏
举报
会员力量,点亮园子希望
刷新页面
返回顶部
公告