连同table中的数据都用JS输出
var menuOffX=0 //菜单距连接文字最左端距离
var menuOffY=18 //菜单距连接文字顶端距离var fo_shadows=new Array()
var linkset=new Array()document.write(loadstylelist());
function loadstylelist(){
linkset[0]=new Array()
linkset[0][0] = "<div class='menuitems'><a class='menulink' style='CURSOR:hand' onClick='setstylecookies(\"\");'>系统默认</a></div>"
try{
var xmlDoc = new ActiveXObject("Msxml2.DOMDocument");
xmlDoc.async = false;
xmlDoc.load("style/style.xml");
var xmlList = xmlDoc.selectNodes("/风格列表/风格");
var i
for (i = 0; i < xmlList.length; i++){
linkset[0][i+1] = "<div class='menuitems'><a class='menulink' style='CURSOR:hand' onClick='setstylecookies(\""+ xmlList[i].getAttribute("目录") +"\");'>"+ xmlList[i].getAttribute("名称") +"</a></div>"
}
var xmlDoc = null;
}catch(E){
linkset[0][1]="<div class='menuitems'><a class='menulink'>载入样式列表出错</a></div>"
}
return "<DIV class='menuskin' id='popmenu' onmouseover='clearhidemenu();highlightmenu(event,\"on\")' onmouseout='highlightmenu(event,\"off\");dynamichide(event)' style='Z-index:100'></DIV><a onMouseOver='showmenu(event,0,1,false)' onMouseOut='delayhidemenu()' style='CURSOR:hand'>自定样式</a>";
}function setstylecookies(sStyle){
var dTime = new Date();
var dExpire = dTime.getMonth() + 1;
dTime.setMonth(dExpire);
document.cookie = "ArticleStyle=" + sStyle + ";expires=" + dTime.toGMTString();
document.location.reload();
}////No need to edit beyond herevar ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1
var ns6=document.getElementById&&!document.all
var ns4=document.layersfunction showmenu(e,index,p,paging){
//p为当前页数,paging为当前是不是翻页
if (!document.all&&!document.getElementById&&!document.layers)
return

which=linkset[index]
var pSize=10 //每页连接数
var pNum=Math.floor((which.length-1)/pSize)+1 //页数

clearhidemenu()
ie_clearshadow()

//设置菜单内容
if (pNum==1){
which=which.join("")
}else{
which=which.slice( (p-1)*pSize, p*pSize )
which=which.join("")
which+="<div class=\"menuitems\" style=\"text-align: right;\">"
if (p==1)
{
which+="&nbsp;&nbsp;<span style='font-family: webdings;color=#D1D7DC;'>7</span>"
}else{
which+="&nbsp;&nbsp;<span style='font-family: webdings;cursor:hand' onclick=showmenu(event,"+ index +","+ (p-1) +",true) >7</span>"
}
if (p==pNum)
{
which+="<span style='font-family: webdings;color=#D1D7DC;'>8</span>"
}else{
which+="<span style='font-family: webdings;cursor:hand' onclick=showmenu(event,"+ index +","+ (p+1) +",true) >8</span>"
}
which+="</div>"
}

menuobj=ie4? document.all.popmenu : ns6? document.getElementById("popmenu") : ns4? document.popmenu : ""
menuobj.thestyle=(ie4||ns6)? menuobj.style : menuobj

if (ie4||ns6)
menuobj.innerHTML=which
else{
menuobj.document.write('<layer name=gui bgColor=#E6E6E6 width=165 onmouseover="clearhidemenu()" onmouseout="hidemenu()">'+which+'</layer>')
menuobj.document.close()
}
menuobj.contentwidth=(ie4||ns6)? menuobj.offsetWidth : menuobj.document.gui.document.width
menuobj.contentheight=(ie4||ns6)? menuobj.offsetHeight : menuobj.document.gui.document.height

eventX=ie4? event.clientX : ns6? e.clientX : e.x
eventY=ie4? event.clientY : ns6? e.clientY : e.y

var rightedge=ie4? document.body.clientWidth-eventX : window.innerWidth-eventX
var bottomedge=ie4? document.body.clientHeight-eventY : window.innerHeight-eventY

if (!paging)
{
if (rightedge<menuobj.contentwidth)
menuobj.thestyle.left=ie4? document.body.scrollLeft+eventX-menuobj.contentwidth+menuOffX : ns6? window.pageXOffset+eventX-menuobj.contentwidth : eventX-menuobj.contentwidth
else
menuobj.thestyle.left=ie4? ie_x(event.srcElement)+menuOffX : ns6? window.pageXOffset+eventX : eventX

if (bottomedge<menuobj.contentheight)
menuobj.thestyle.top=ie4? document.body.scrollTop+eventY-menuobj.contentheight-event.offsetY+menuOffY : ns6? window.pageYOffset+eventY-menuobj.contentheight : eventY-menuobj.contentheight
else
menuobj.thestyle.top=ie4? ie_y(event.srcElement)+menuOffY : ns6? window.pageYOffset+eventY : eventY
}

menuobj.thestyle.visibility="visible"
ie_dropshadow(menuobj,"#999999",3)
return false
}function ie_y(e){  
var t=e.offsetTop;  
while(e=e.offsetParent){  
t+=e.offsetTop;  
}  
return t;  
}  
function ie_x(e){  
var l=e.offsetLeft;  
while(e=e.offsetParent){  
l+=e.offsetLeft;  
}  
return l;  
}  
function ie_dropshadow(el, color, size)
{
var i;
for (i=size; i>0; i--)
{
var rect = document.createElement('div');
var rs = rect.style
rs.position = 'absolute';
rs.left = (el.style.posLeft + i) + 'px';
rs.top = (el.style.posTop + i) + 'px';
rs.width = el.offsetWidth + 'px';
rs.height = el.offsetHeight + 'px';
rs.zIndex = el.style.zIndex - i;
rs.backgroundColor = color;
var opacity = 1 - i / (i + 1);
rs.filter = 'alpha(opacity=' + (100 * opacity) + ')';
el.insertAdjacentElement('afterEnd', rect);
fo_shadows[fo_shadows.length] = rect;
}
}
function ie_clearshadow()
{
for(var i=0;i<fo_shadows.length;i++)
{
if (fo_shadows[i])
fo_shadows[i].style.display="none"
}
fo_shadows=new Array();
}
function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}function hidemenu(){
if (window.menuobj)
menuobj.thestyle.visibility=(ie4||ns6)? "hidden" : "hide"
ie_clearshadow()
}function dynamichide(e){
if (ie4&&!menuobj.contains(e.toElement))
hidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
hidemenu()
}function delayhidemenu(){
if (ie4||ns6||ns4)
delayhide=setTimeout("hidemenu()",500)
}function clearhidemenu(){
if (window.delayhide)
clearTimeout(delayhide)
}function highlightmenu(e,state){
if (document.all)
source_el=event.srcElement
else if (document.getElementById)
source_el=e.target
if (source_el.className=="menuitems"){
source_el.id=(state=="on")? "mouseoverstyle" : ""
}
else{
while(source_el.id!="popmenu"){
source_el=document.getElementById? source_el.parentNode : source_el.parentElement
if (source_el.className=="menuitems"){
source_el.id=(state=="on")? "mouseoverstyle" : ""
}
}
}
}if (ie4||ns6)
document.onclick=hidemenuvar scrolltimer;
function scrollini(){
scrolltimer = setInterval("scrollwindow()",100);
}function scrollclear(){
clearInterval(scrolltimer);
}function scrollwindow(){
var currentpos=document.body.scrollTop;
window.scroll(0,++currentpos); 
if (currentpos != document.body.scrollTop) scrollclear();
} document.onmousedown = scrollclear;
document.ondblclick = scrollini;

解决方案 »

  1.   

    to:  purexu(南极之星) 能不能给我一个例子啊!谢谢!
      

  2.   

    定位到某一行和例的方法:dom
    <tabe id=table>
    <tr>
    < td >1-1</td><td>1-2</td>
    </tr>
    <tr>
    < td >2-1</td><td>2-2</td>
    </tr>
    访问1-1 为table.childnodes[0].childnodes[0]
    访问2-2 为table.childnodes[1].childnodes[1]
    对dom不孰可动太分配id<td id=x>来访问
      

  3.   

    你可以看一下动网新闻.NET的源码
    http://www.aspsky.net/article/default.aspx