如何单击按钮能够将一张图片全屏显示 就像H2M的网站效果那样,有个quicklook的效果 http://www.hm.com/cn/subdepartment/MEN?Nr=4294959417 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 有现成的插件,lightbox自己找吧 <script>var tanc=document.createElement("div");var pic=document.createElement("img");var del=document.createElement("div");del.innerHTML="x";del.style.cssText+="color:red;font-size:10px;";pic.src="";//当前图片的地址pic.style.height=document.body.clientHeight+"px";pic.style.width=document.body.clientWidth+"px";tanc.style.zIndex=3;tanc.appendChild(del);tanc.appendChild(pic);document.appendChild(tanc);del.onclick=function(){ document.removeChild(tanc);}</script> 2楼代码有错误,改了下:del.innerHTML="<center><h1>x</h1></center>";//不设一下的话,显示的X太小了...document.body.appendChild(tanc);del.onclick=function(){ document.body.removeChild(tanc);} 2楼代码有错误,改了下://下面这处应该把del的高度刨除掉pic.style.height=document.body.clientHeight+"px";//主要是这两句有错,应改成这样document.body.appendChild(tanc);del.onclick=function(){ document.body.removeChild(tanc);}实际上根本不必用del那个DIV,显示和操作都不方便。整个修改过的代码如下:<body><script>var tanc=document.createElement("div");var pic=document.createElement("img");pic.src="http://avatar.profile.csdn.net/A/9/7/2_theforever.jpg";//当前图片的地址pic.style.height=(document.body.clientHeight-20)+"px";pic.style.width=document.body.clientWidth+"px";pic.title="点击图片以关闭";tanc.style.zIndex=3;tanc.appendChild(pic);document.body.appendChild(tanc);pic.onclick=function(){ document.body.removeChild(tanc);}</script></body>当然,也有1楼所说其它现成插件。当系统中很多方面的功能整理出来,应该决定用或不用插件,以及用哪种插件合适,这是前台开发应有的能力。 网页插件技术是怎么实现的,求入门! jquery中dialog的问题 谁帮我把这段JS代码封装成JS文件呀,万分感谢 ~~~~_f 一个简单的参数传递问题,救个急 jquery ui dialog destroy 后autocomplete失效! JS如何实现按一下回车键响应一个动作,再按一下回车链,响应另一个动作? 用javascript实现,改变label的值 急,JavaScript的问题? 怎么屏蔽掉IE的关闭功能 关于光标指定闪烁位置。 怎么在页面上设置ckfinder浏览和上传路径? 请问如何能下载该网站的上的2个flash (flash路径加密技术)
自己找吧
<script>
var tanc=document.createElement("div");
var pic=document.createElement("img");
var del=document.createElement("div");
del.innerHTML="x";
del.style.cssText+="color:red;font-size:10px;";
pic.src="";//当前图片的地址
pic.style.height=document.body.clientHeight+"px";
pic.style.width=document.body.clientWidth+"px";
tanc.style.zIndex=3;
tanc.appendChild(del);
tanc.appendChild(pic);
document.appendChild(tanc);
del.onclick=function(){
document.removeChild(tanc);
}
</script>
//不设一下的话,显示的X太小了
...document.body.appendChild(tanc);
del.onclick=function(){
document.body.removeChild(tanc);
}
pic.style.height=document.body.clientHeight+"px";//主要是这两句有错,应改成这样
document.body.appendChild(tanc);
del.onclick=function(){
document.body.removeChild(tanc);
}实际上根本不必用del那个DIV,显示和操作都不方便。
整个修改过的代码如下:
<body>
<script>
var tanc=document.createElement("div");
var pic=document.createElement("img");
pic.src="http://avatar.profile.csdn.net/A/9/7/2_theforever.jpg";//当前图片的地址
pic.style.height=(document.body.clientHeight-20)+"px";
pic.style.width=document.body.clientWidth+"px";
pic.title="点击图片以关闭";
tanc.style.zIndex=3;
tanc.appendChild(pic);
document.body.appendChild(tanc);
pic.onclick=function(){
document.body.removeChild(tanc);
}
</script>
</body>当然,也有1楼所说其它现成插件。当系统中很多方面的功能整理出来,应该决定用或不用插件,以及用哪种插件合适,这是前台开发应有的能力。