zoukankan
html css js c++ java
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
>
,
这个送给你!
查看全文
相关阅读:
js sort方法根据数组中对象的某一个属性值进行排序
ES6之Array.from()方法
windows安装gnvm安装教程,node多版本解决方案
Singleton模式的两种实现形式
java 一组数随机组合求和等于目标数
与公式相关的代码片段
项目总结【Excel中附件导出和导入】
Hook钩子C#实例
网上以讹传讹的逻辑推理题:电影票问题
原创:仿AspNetPager写的JS分页控件,适合ajax调用
原文地址:https://www.cnblogs.com/di305449473/p/1249291.html
最新文章
Web打印及Web打印的一些实现方式
Web Browser 打印预览
关于Session的参数设置及过期时间
JavaScript 函数 replace
sql中修改表名称、库名称、列名
[置顶] Android文章中文女和程序员的爱情奇遇
[置顶] 关于通过bindService启动的service,在unbindService后service是否继续运行的讨论
Perceptive Pixel 82寸无限点触控电视初体验
优秀HTML5网站学习范例:从“饥饿游戏浏览器”谈用户体验
消费者关注的 Win8 问题汇总(下)
热门文章
IN2Windows: Case of the Unexplained Access Denied
Mongodb的基础入门
Oracle数据库中查询结果集中保留两位小数的问题
http://www.cnkuai.cn/news/20092/639.htm
LVS + keepalived的
MYSQL limit,offset 区别
UGUI播放视频
如何解决u盘插入电脑在“我的电脑”中不显示
windows系统安装gnvm安装教程,node多版本解决方案
vue中数据请求的三种方法
Copyright © 2011-2022 走看看