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