这个插件是这样的,如果输入框中的地址是图片地址的话,只要双击鼠标便能够看到这张图片。
但是不清楚这个插件叫什么名字,所以请教下大家。
首先在该输入框中是一张图片的地址
如果双击以后,便会跳出这张图片
但是不清楚这个插件叫什么名字,所以请教下大家。
首先在该输入框中是一张图片的地址
如果双击以后,便会跳出这张图片
解决方案 »
- 请问一下递归(斐波拉契数列)的执行顺序
- Jquery实现无限级树状结构并动态添加增删改等编辑功能
- ext提示:'this.el.dom' 为空或不是对象,请高手帮忙,非常感谢(在线等)
- 如何把DIV模拟的Select的值传递出去了~~
- xml的解析问题
- 大家都有没有好的javascript调试器呀?介绍一下!
- <body>的onload 要等HTML和图片全部载入完成后才触发,如果在HTML载入完成后,载入图片的同时触发一个事件,做一些事情?
- 请问高手:如何在文本框中,固定几个字符,也就是用户无法删除的
- js中如何判断一个变量未定义????急急急
- 如何判断每个Frame是否已经装入
- 求帮看一段代码 关于表格行删除和插入问题
- 求教两种文字编码的转换
<!DOCTYPE HTML>
<html>
<head>
<meta charset="gb2312" />
<title></title>
<style>
* {
margin:0; padding:0;
font-size:12px;
}
input {
display:block;
width:500px;
}
img {display:block;}
body {
height:100%;
}
.w {
display:none;
position:absolute; left:0; top:0; z-index:999;
width:100%; height:100%;
background:#000;
filter:alpha(opacity=40); opacity:.4;
}
</style>
</head>
<body>
<input id="a" value="http://avatar.profile.csdn.net/A/3/8/2_zqz4987.jpg" />
<div class="w" id="wrap"></div>
<script>
function $(el){
return typeof el == 'string' ? document.getElementById(el) : el;
}
function $t(name, cot){
cot = cot || document;
return cot.getElementsByTagName(name);
}
var re = /^http.+jpg$/i;
$('a').ondblclick = function(){
if( re.test(this.value) ){
$('wrap').style.display = 'block';
var div = document.createElement('div');
div.style.cssText = 'border:1px solid red; padding:1px; z-index:1000; position:absolute;'
div.innerHTML = '<div style="border-bottom:1px solid red; padding-right:10px; background:#fff; line-height:22px; cursor:pointer; text-align:right;">关闭X</div><img src="'+this.value+'" />';
document.body.appendChild(div);
$t('div', div)[0].onclick = function(){
$('wrap').style.display = 'none';
document.body.removeChild(div);
}
}
}
</script>
</body>
</html>