JS弹出层效果并传递值代码
求一个JS弹出层代码，并要求有值传递给层，并显示在层里。例如：点击一张图，然后弹出一个层，把图片的链接地址和图片缩略图地址传递给层，变显示在层里!...
求一个JS弹出层代码，并要求有值传递给层，并显示在层里。
例如：点击一张图，然后弹出一个层，把图片的链接地址和图片缩略图地址传递给层，变显示在层里! 展开
例如：点击一张图，然后弹出一个层，把图片的链接地址和图片缩略图地址传递给层，变显示在层里! 展开
1个回答
展开全部
这只是一个粗略的效果,但基本功能已经实现了
<BODY>
<div id="showDiv" style="position:absolute;border:red 1px solid;top:50%;left:50%;display:none" onclick="this.style.display='none'"></div>
<img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif" imgurl="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif" imgzoom="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif" onclick="showDIV(this.imgurl, this.imgzoom)">
<SCRIPT LANGUAGE="JavaScript">
<!--
function showDIV(imgurl,imgzoom){
document.all.showDiv.innerHTML ="<img src="+imgzoom+"><br>"+ imgurl;
document.all.showDiv.style.display="";
}
//-->
</SCRIPT>
</BODY>
<BODY>
<div id="showDiv" style="position:absolute;border:red 1px solid;top:50%;left:50%;display:none" onclick="this.style.display='none'"></div>
<img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif" imgurl="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif" imgzoom="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif" onclick="showDIV(this.imgurl, this.imgzoom)">
<SCRIPT LANGUAGE="JavaScript">
<!--
function showDIV(imgurl,imgzoom){
document.all.showDiv.innerHTML ="<img src="+imgzoom+"><br>"+ imgurl;
document.all.showDiv.style.display="";
}
//-->
</SCRIPT>
</BODY>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
