请教一个问题？100分送上！

http://www.yishe.com/Trade/CaseInfo_DownLoad.aspx?CaseID=1358
请问上面这个酷炫的效果（点击图片可以看到效果）是怎么实现的，我觉得应该是ajax实现的，有哪位兄弟实现过吗》说说你的思路，有代码更好！谢谢！

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

确实效果很强
我想要是用CSS+JS实现应该也可以但确实有点难度（就在他第一次加载图片的时候）
应该是AJAX
<script type="text/javascript" src="/ajax/common.ashx"></script> <script type="text/javascript" src="/ajax/QTM.Market.Templet.Common_Head1,QTM.Market.ashx"></script>
看他调了很多JS 和CSS文件.ashx是一般处理程序不知道他是怎么写的
用一个层盖住背景设置opacity设为半透明.
然后就用个img放大,放在页面中间,不需要Ajax
与ashx文件根本就没有什么关系ashx只是返回一些数据罢了js实现的
推荐一个简单的方法，用ajax1.0里面的控件就可以了。我自己在网站里用过，挺简单的。
将网页保存下来，
<link rel="stylesheet" href="/JavaScript/lightbox.css" type="text/css" media="screen" />
<script src="/JavaScript/prototype.js" type="text/javascript"></script>
<script src="/JavaScript/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="/JavaScript/lightbox.js" type="text/javascript"></script>
他是用的js框架实现的，具体的不用你自己写，那是js框架。知道怎么用就可以了。
传说中的LightBox效果推荐搜一下 GreyBox／GrayBox  记不清了…… 图片和网页都可展示
楼上的有代码的话，发我一份，90分归你，其他的散分。我的[email protected]
其实这是一个对话框的使用形式，参见js div 对话框
CSS 虑镜加载图片，不需要 AJAX, 改变 img.src
网上有一个叫做 lightbox 的东东，可以实现这个效果，是个js，你可以看下，很炫，用起来也挺简单的，下面有网址...
http://www.huddletogether.com/projects/lightbox2/
o(∩_∩)o...哈哈，他就是用的是这个，看到这个了嘛
<script src="/JavaScript/lightbox.js" type="text/javascript"></script>hoho
值得收藏的东西
类似这个吗？参考一下
<html>
<head>
<title>AJAX LightBox Sample</title>
<style type="text/css">
#lightbox {/*该层为高亮显示层*/
BORDER-RIGHT: #fff 1px solid;
BORDER-TOP: #fff 1px solid;
DISPLAY:none;
Z-INDEX: 9999; /*设置该层在网页的最上端,设置足够大*/
BACKGROUND: #fdfce9; /*设置背景色*/
LEFT: 50%;
MARGIN: -120px 0px 0px -150px;
BORDER-LEFT: #fff 1px solid;
WIDTH: 300px;
BORDER-BOTTOM: #fff 1px solid;
POSITION: absolute;
TOP: 50%;
HEIGHT: 150px;
TEXT-ALIGN: left
}
#overlay {/*该层为覆盖层*/
DISPLAY: none;
Z-INDEX: 9998; /*设置高亮层的下方*/
FILTER: alpha(opacity=80); /*设置成透明*/
LEFT: 0px;
WIDTH: 100%;
POSITION: absolute;
margin:0px 0px -300px 0px;
TOP: 0px;
HEIGHT: 100%;
BACKGROUND-COLOR: #000;
moz-opacity: 0.8;
opacity: .80
}
</style></head>
<body>
<a href="javascript:show();">放张图片显示</a>

<div id="overlay"></div>


<div id="lightbox" name="lightbox">

<form name="form1" method="post" action="">
<table width="100%" height="22" border="0" cellpadding="0" cellspacing="0" style="font-size:12px;">
   <tr>
     <td align="center" bgcolor="#999999">用户登录</td>
   </tr>
</table>
<table width="243" height="102" border="0" align="center" cellpadding="0" cellspacing="0" style="font-size:12px;">
   <tr>
     <td width="70" valign="bottom">用户名：</td>
     <td width="173" valign="bottom"><label>
       <input type="text" name="textfield">
     </label></td>
   </tr>
   <tr>
     <td valign="bottom">密码：</td>
     <td valign="bottom"><label>
       <input type="text" name="textfield2">
     </label></td>
   </tr>
   <tr>
     <td valign="bottom"><label>
       <input type="submit" name="Submit" value="提交">
     </label></td>
     <td valign="bottom"><label>
       <input name="Submit2" type="button" onClick="hidden();"    value="取消">
     </label></td>
   </tr>
</table></form>
</div>
<script>
function show()
{
   box1=document.getElementById("lightbox");
   box2=document.getElementById("overlay");
box1.style.display='block';
box2.style.display='block';}
function hidden()
{
box1=document.getElementById("lightbox");
box2=document.getElementById("overlay");
box1.style.display='none';
box2.style.display='none';
}
</script></body>
</html>
lightbox 一个封装好的js包(好象是老外做的)~~~
直接拿过来调一下就可以实现的http://www.miniajax.com/ 有你需要的东西