一个CSS问题，关于overflow:hidden
1个回答
展开全部
</div> 追问： 请看一下我的问题补充。
/* 如果使用margin-left为负数的办法或者使用绝对定位的办法解决的话，那么那个JS就需要同时改变外层DIV和内层的元素，我不想这样，因为如果里面的元素修改了宽度这样的修改的话，整个JS都要被修改。会增加工作量，我的问题是，能不能在不修改我本身的这个JS的前提下，实现我这个功能，CSSHACK，或者其他的办法都可以。 回答： 那我就不明白了,你的JS是什么功能. 追问： 我的JS实现的是一个菜单的显示和隐藏，当显示的时候，用JS增加外层DIV的宽度。这样内部的内容就会从右至左慢慢展开，当隐藏时，减少DIV的宽度，宽度只剩下提示按钮宽度时，结束。
<script language="JavaScript" type="text/javascript"><!--var x,y;var obj = document.getElementById("floatmenu")var w =4;obj.onmouseover = function(){
clearInterval(x);
clearInterval(y);
x=window.setInterval("addpx()",1);
document.getElementById("wrapper").style.overflowY="scroll";}obj.onmouseout = function(){
clearInterval(x);
clearInterval(y);
y=window.setInterval("reducepx()",1);
document.getElementById("wrapper").style.overflowY="hidden";}function addpx(){
if(parseInt(document.getElementById("wrapper").style.width)<200){
document.getElementById("wrapper").style.width = parseInt(document.getElementById("wrapper").style.width) + w+"px";}else{clearInterval(x);}}function reducepx(){
if(parseInt(document.getElementById("wrapper").style.width)>24){
document.getElementById("wrapper").style.width = parseInt(document.getElementById("wrapper").style.width) - w+"px";}else{clearInterval(y);}}--></script>float menu内部的内容，wrapper为外层的DIV
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="JavaScript" type="text/javascript"><!--function s(){var w =4;for(i=0;i<500; i++){
if(parseInt(document.getElementById("ds").style.width)<500){
document.getElementById("ds").style.width = parseInt(document.getElementById("ds").style.width) + i+"px";}}}setInterval('s()',1000);void(0);--></script></head><body>
<img src="网页设计规则.png" width="600" height="500" style="float:right;position:absolute;right:0;margin-left:10px;"/></div></body></html>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
