点击链接在其链接下方显示一个层和在这个层里静态分页

Question

此回复为自动发出,仅用于显示而已，并无任何其他特殊作用
楼主【xk2y】截止到2008-06-26 18:43:07的历史汇总数据(不包括此帖)：
发帖数:9                  发帖分:310                
结贴数:9                  结贴分:310                
未结数:0                  未结分:0                  
结贴率:100.00%            结分率:100.00%            
敬礼!

Answer 1

懒人用傻办法我来抛砖<SCRIPT LANGUAGE="JavaScript">
var icons = new Array();
icons[0]=new Array(4)
icons[1]=new Array(4)
for(var i=0;i<40;i++)
{
icons[0][i]="div0:icon"+(i+1);
icons[1][i]="div1:icon"+(i+1);
}function show(o)
{
var oDiv = document.getElementById("div"+o.id);
if(oDiv.style.display=="")
{
o.innerHTML = "打开";
oDiv.innerHTML = "";
oDiv.style.display="none";
}
else
{
o.innerHTML = "关闭";
oDiv.innerHTML = getHTML(o.id);
oDiv.style.display="";
}
}function getHTML(id)
{
var str = "<table id='tab"+id+"'>"
var i=0;
while(i<40)
{
if(i<20)
str += "<tr>";
else
str += "<tr style='display:none'>";
for(n=0;n<5;n++)
{
str += "<td>"+icons[parseInt(id)][i]+"</td>";
i++;
}
str += "</tr>";
}
str +="<tr><td colspan=5><a href=# onclick='pre(\"tab"+id+"\")'>上一页</a> <a href=# onclick='next(\"tab"+id+"\")'>下一页</a></td></tr></table>"
return str;
}function pre(id)
{
var oTable = document.getElementById(id)
for(var i=0;i<8 ;i++)
{
oTable.rows[i].style.display=(i<4)?"":"none"
}
}function next(id)
{
var oTable = document.getElementById(id)
for(var i=0;i<8 ;i++)
{
oTable.rows[i].style.display=(i<4)?"none":""
}

}
</SCRIPT><a href="#" onclick="show(this)" id="0">打开</a>
<div style="display:none" id="div0"></div>
<a href="#" onclick="show(this)" id="1">打开</a>
<div style="display:none" id="div1"></div>

Answer 2

怎获取链接的位置?
如果窗体的大小发生变化..
点链接DIV也会跟在链接下么?<DIV id="b" style='display:none'> //这个是我定义的层
<DIV style='position:absolute; top:242;left:305;width:200px; height:180px; background-color:#F3FBFC; border:1px solid #cccccc; left: 305px; top: 242px;'>
<TABLE width=200 height=25>
<TR align=center>
<TD align=left>
<%dim i //想把这里分页..
for i=1 to 40
   if i<10 then i="0"& i
   if i mod 10=1 then Response.write"<br>"
      Response.write "<img src="""&"pic\"&i&".gif"&""" border=0 onclick=""insert('["&i&"]')"" style=""CURSOR: hand"">&nbsp;"
next%> //想把这里分页..
</TD>
</TR>
</TABLE>
<SPAN style= cursor:hand onclick=this.parentNode.parentNode.style.display='none';>
[关闭]
</SPAN>
鄙人很少接触JS...所以请各位高手帮帮忙

Answer 3

这样的效果？<a href='javascript:void(0)'>
<span onclick='show(this)'>打开/关闭</span>
<BR>
<DIV style='position:absolute;width:200px; height:180px; background-color:#F3FBFC; border:1px solid #cccccc;'>
<TABLE width=200 height=25>
<%
'想把这里分页..
dim i,n
i=1
n=0
while i<=40 
If i<20 then
response.write "<TR align=center>"&chr(13)&chr(10)
else
response.write "<tr align=center style='display:none'>"&chr(13)&chr(10)
End If
For n=1 To 5
response.write "<td align=left>"&i&"<img src='pic"&i&".gif' border=0 onclick=""insert('["&i&"]')"" style=""CURSOR: hand""></td>"&chr(13)&chr(10)
i=i+1
next
response.write "</tr>"&chr(13)&chr(10)
Wend
'//想把这里分页.. 
%>
</TABLE> 
<SPAN style="cursor:hand" onclick="pre(this)">[上一页]</SPAN>
<SPAN style="cursor:hand" onclick="next(this)">[下一页]</SPAN>
<SPAN style="cursor:hand" onclick="this.parentNode.style.display='none';">[关闭]</SPAN>
</div>
</a>
<SCRIPT LANGUAGE="JavaScript">
function show(obj)
{
var oDiv = obj.parentNode.getElementsByTagName("div")[0];
oDiv.style.display = oDiv.style.display=="none"?"":"none";
}
function pre(obj)
{
var oTable = obj.parentNode.getElementsByTagName("table")[0];
for(var i=0;i<8 ;i++)
{
oTable.rows[i].style.display=(i<4)?"":"none"
}
}function next(obj)
{
var oTable = obj.parentNode.getElementsByTagName("table")[0];
for(var i=0;i<8 ;i++)
{
oTable.rows[i].style.display=(i<4)?"none":""
}

}
</SCRIPT>

Answer 4

很好...
谢谢了...
如果这样改显示的图片是静态.图片是GIF格式都..
<a href='javascript:void(0)'> //问问...这句什么意思? 
<span onclick='show(this)'>打开/关闭</span>
如果我把这两句改成.
<a href='#' onclick=show(this)>打开/关闭 </a>这样就好多了~~
为什么?

Answer 5

<a href='javascript:void(0)'> 只是让链接失效不跳转<a href='javascript:void(0)'> 
<span onclick='show(this)'>打开/关闭 </span> 
我那么写是利用A标签里的内容是一个整体 这样DIV就能保证在 打开/关闭 字下面了