日期:2014-05-17  浏览次数:20615 次

点了超链接后,从底下跑到顶上
http://img.my.csdn.net/uploads/201206/20/1340162035_5764.JPG
http://img.my.csdn.net/uploads/201206/20/1340162036_9662.JPG

这是代码:用的#
<a href='#' onclick='showOnOff(\"light\",\"fade\",1)'>".$r['number']."</a>
二个层如下:
HTML code
<div id="light" class="layContent"> 
    <h2><a href="javascript:viod(0);" onclick="showOnOff('light','fade',0)">close</a></h2>
    <ul>

    </ul>
</div> 
<div id="fade" class="layWhole"></div>


CSS code
.layWhole{
    display: none;
    position:absolute;
    top:0%;
    left:0%;
    width:100%;height:100%;
    background-color:black;
    z-index:1001;
    -moz-opacity:0.7;
    opacity:.70;/*不透明*/
    filter:alpha(opacity=70);
}
.layContent{
    display:none;
    position:absolute;
    top:25%;
    left:25%;
    width:50%;
    height:50%;
    padding:16px;
    border:5px solid orange;
    background-color:white;
    z-index:1002;
    overflow:auto;
}


------解决方案--------------------
<a href='#' onclick='showOnOff(\"light\",\"fade\",1);return false;'>".$r['number']."</a>

<a href='javascript:void(0);' onclick='showOnOff(\"light\",\"fade\",1)'>".$r['number']."</a>

<a href='javascript:showOnOff(\"light\",\"fade\",1)'>".$r['number']."</a>



------解决方案--------------------
把a标签里href值修改为“javascirpt:void(0);”这样在点击时,页面就不会滚动了
------解决方案--------------------
<span onclick='showOnOff(\"light\",\"fade\",1)'>".$r['number']."</span>