lightwindow下载地址:http://www.stickmanlabs.com/lightwindow/
问题一:
lightwindow给出的使用说明和给出的例子不相同
说明是让我们把下面3个JS和1个CSS加入页面
<script type="text/javascript" src="javascript/prototype.js"></script>
<script type="text/javascript" src="javascript/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="javascript/lightwindow.js"></script>
<link rel="stylesheet" href="css/lightwindow.css" type="text/css" media="screen" />
而在他给出的DEMO中却加入以下3个JS和1个CSS
<link rel="stylesheet" type="text/css" href="css/lightwindow.css" />
<script type="text/javascript" src="javascript/prototype.js"></script>
<script type="text/javascript" src="javascript/effects.js"></script>
<script type="text/javascript" src="javascript/lightwindow.js"></script>
请问应该如何加~?
问题二:
嵌入页面的功能在IE7下好象没作用(其他功能IE7下可以用~),在FF和IE6中就可以正常使用~
问题三:
是否在AJAX中没办法使用~?
例子如下~
(其中login.jsp是我的登录页面,我想实现的就是象百度知道的登录框那样的效果,请问还有别的类似的JS么?谢谢~)~
login.setAttribute("href","login.jsp");test.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>测试</title> <link rel="stylesheet" href="css/lightwindow.css" type="text/css" media="screen" /></head> <script type="text/javascript" src="javascript/prototype.js"></script>
<script type="text/javascript" src="javascript/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="javascript/lightwindow.js"></script>
<script language="Javascript" type="text/JavaScript" defer="defer"> 
function show() {

var box,span,login;
box = document.getElementById("box");

span = document.createElement("span");

login = document.createElement("a");
login.setAttribute("href","login.jsp");
login.innerHTML = "我要登录";

login.setAttribute("className","lightwindow page-options");
//for ff
//login.setAttribute("class","lightwindow page-options"); span.appendChild(login);

box.appendChild(span);

alert(span.outerHTML);
}
</script> 
<body onload="show();"> 
<div id="box"> </div> 
</body> 
</html>