点了超链接后，从底上跑到顶下

点了超链接后，从底下跑到顶上
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>

查看更多 下一篇