问一个插件名，不知道大家有用过吗？该如何处理
日期：2014-05-16 浏览次数：20489 次
问一个插件名，不知道大家有用过吗？
这个插件是这样的，如果输入框中的地址是图片地址的话，只要双击鼠标便能够看到这张图片。
但是不清楚这个插件叫什么名字，所以请教下大家。
首先在该输入框中是一张图片的地址
如果双击以后，便会跳出这张图片
------解决方案--------------------
你的例子是哪里来的？
直接看你那例子的网站用什么插件不就知道了？
------解决方案--------------------
------解决方案--------------------
没用过这个插件，刚写了个粗燥的，楼主可以 改改
这个插件是这样的，如果输入框中的地址是图片地址的话，只要双击鼠标便能够看到这张图片。
但是不清楚这个插件叫什么名字，所以请教下大家。
首先在该输入框中是一张图片的地址
如果双击以后，便会跳出这张图片
------解决方案--------------------
你的例子是哪里来的？
直接看你那例子的网站用什么插件不就知道了？
------解决方案--------------------
------解决方案--------------------
没用过这个插件，刚写了个粗燥的，楼主可以 改改
- HTML code
<!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>
------解决方案--------------------
你这叫粗糙？
那我们情何以堪。。。。。。。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
