阿杰的博客
技术,工作,学习,生活
BlogJava
首页
新随笔
联系
聚合
管理
随笔 - 59 文章 - 70 trackbacks - 0
<
2009年3月
>
日
一
二
三
四
五
六
22
23
24
25
26
27
28
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
常用链接
我的随笔
我的文章
我的评论
我的参与
最新评论
留言簿
(5)
给我留言
查看公开留言
查看私人留言
随笔分类
database(10)
html(11)
IDE(1)
j2ee(14)
j2se(7)
other(12)
server&os(3)
Tec.other(4)
随笔档案
2010年6月 (2)
2010年5月 (1)
2009年12月 (1)
2009年8月 (1)
2009年7月 (2)
2009年6月 (2)
2009年5月 (4)
2009年4月 (1)
2009年3月 (8)
2009年2月 (4)
2009年1月 (8)
2008年12月 (5)
2008年10月 (6)
2008年9月 (3)
2008年8月 (6)
2008年7月 (2)
2008年4月 (3)
2008年3月 (1)
搜索
积分与排名
积分 - 172959
排名 - 338
最新评论
1. re: Hibernate多对多more-to-more实例
同是要求返回两张表的字段,该如何查询,如何确定返回类型
--苗
2. re: mysql中data too long for column问题的解决方法
谢谢
--12
3. re: Found class com.sun.image.codec.jpeg.JPEGImageEncoder, but interface was expected
多谢 幸亏看到了你的文章了 否则还在调查别的方向呢。
--0o0元素0o0
4. re: mysql中data too long for column问题的解决方法
感觉楼主,我的问题解决了。
--leither
5. re: HQL多表联合查询的问题
非常感谢
--hgm
阅读排行榜
1. mysql中data too long for column问题的解决方法(36077)
2. HQL多表联合查询的问题(22566)
3. 排列组合公式 排列组合计算公式(16350)
4. apache的Forbidden You don't have permission to access / on this server. 提示(13441)
5. oracle contains(6632)
评论排行榜
1. mysql中data too long for column问题的解决方法(24)
2. HQL多表联合查询的问题(7)
3. 可以将别处的文章导入到blogjava吗?(7)
4. Hibernate多对多more-to-more实例(5)
5. iframe自适应高度问题(4)
鼠标移动到小图显示大图实例
今天上级交个任务下来,说要能够鼠标移动到小图上显示大图,以前做过一次,好多人都是用完全的CSS来实现,我技术水平不够,只能用JS控制了,以前也写过一次,忘了,这次重新写过。
由于自己写的那个网页内容太多了,把精要的内容贴出来。
<
style
>
#demo
{
}
{
overflow
:
hidden
;
text-align
:
center
;
padding
:
10px
;
}
#enlarge_images
{
}
{
position
:
absolute
;
display
:
none
;
z-index
:
2
;
border
:
5px solid #f4f4f4
}
</
style
>
<
div
id
="demo"
style
="overflow:hidden;width:120px;text-align:center;padding:10px"
>
<
img
src
="1.jpg"
onload
="displayImage(this,75,100)"
style
="display:none border:1px solid #eeeeee"
>
</
div
>
<
div
id
="enlarge_images"
></
div
>
<
script
>
var
demo
=
document.getElementById(
"
demo
"
);
var
gg
=
demo.getElementsByTagName(
"
img
"
);
var
ei
=
document.getElementById(
"
enlarge_images
"
);
for
(i
=
0
; i
<
gg.length; i
++
)
{
var
ts
=
gg[i];
ts.onmousemove
=
function
(event)
{
event
=
event
||
window.event;
ei.style.display
=
"
block
"
;
ei.innerHTML
=
'
<
img src
=
"
' + this.src + '
"
onload
=
"
displayImage(this,225,300)
"
/>
';
ei.style.top
=
document.body.scrollTop
+
event.clientY
+
50
+
"
px
"
;
ei.style.left
=
document.body.scrollLeft
+
event.clientX
+
50
+
"
px
"
;
}
ts.onmouseout
=
function
()
{
ei.innerHTML
=
""
;
ei.style.display
=
"
none
"
;
}
ts.onclick
=
function
()
{
window.open(
this
.src );
}
}
function
displayImage(imgSrc, imgW, imgH)
{
imgSrc.style.display
=
"
block
"
;
imgOldW
=
imgSrc.width;
imgOldH
=
imgSrc.height;
if
((imgOldW
!=
0
)
&&
(imgOldH
!=
0
))
{
if
(imgOldW
<=
imgW
&&
imgOldH
<=
imgH)
{
imgNewW
=
imgOldW;
imgNewH
=
imgOldH;
}
else
{
imgWH
=
imgW
/
imgH;
imgOldWH
=
imgOldW
/
imgOldH;
if
(imgWH
<=
imgOldWH)
{
imgNewW
=
imgW;
imgNewH
=
imgNewW
*
(imgOldH
/
imgOldW);
}
else
{
imgNewH
=
imgH;
imgNewW
=
imgNewH
*
(imgOldW
/
imgOldH);
}
}
imgSrc.width
=
imgNewW;
imgSrc.height
=
imgNewH;
return
imgSrc;
}
else
{
imgSrc.width
=
imgW;
imgSrc.height
=
imgH;
return
imgSrc;
}
}
</
script
>
posted on 2009-03-05 17:04
JasonChou
阅读(1476)
评论(0)
编辑
收藏
所属分类:
html
新用户注册
刷新评论列表
只有注册用户
登录
后才能发表评论。
网站导航:
博客园
IT新闻
知识库
C++博客
博问
管理
相关文章:
JS对联广告代码
td里面连续的英文换行问题
setTimeout和setInterval的使用
iframe自适应高度问题
鼠标移动到小图显示大图实例
div下拉框被falsh覆盖的解决方法
javascript学习笔记(三)
javascript学习笔记(二)
javascript学习笔记(一)
获取服务器的时间