一段js代码

laichunlin 2010-08-18 09:03:44
var medium=true;

function changeWidth()
{
var img=document.getElementById("imgChangeWidth");
var lefter1=document.getElementById("lefter");
var right1=document.getElementById("righter");
if(medium)
{
lefter1.style.display="none";
right1.style.width="100%-208px";
right1.style.marginLeft="10px";
img.src="images/lm2.jpg";
medium=false;
}
else
{
lefter1.style.display="block";
right1.style.marginLeft="208px";
img.src="images/lm.jpg";
medium=true;
}
}
代码如上
可是执行到right1.style.width="100%-208px";
时提示参数无效,请各位大虾帮帮忙,用什么方法能实现页面布满浏览器的同时让宽度减小208px
...全文
83 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
laichunlin 2010-08-18
  • 打赏
  • 举报
回复
[Quote=引用 3 楼 jrl5365 的回复:]
这样试试right1.style.width=document.body.clientWidth-208+"px";
[/Quote]
这样看似实现了效果,不过当放大浏览器时宽度不会随着放大,这我知道需要再写一个方法,这个方法该怎么写呢?
laichunlin 2010-08-18
  • 打赏
  • 举报
回复
[Quote=引用 4 楼 jrl5365 的回复:]
具体浏览器宽度问题


JScript code
var bodyWidth =document.body.clientWidth; //网页可见区域宽

var bodyHeight =document.body.clientHeight; //网页可见区域高

var bod……
[/Quote]
非常感谢
laichunlin 2010-08-18
  • 打赏
  • 举报
回复
[Quote=引用 2 楼 winner2050 的回复:]
100%-208px涉及到基本的数学问题。
[/Quote]
虽然这看似有问题,但你可以试试在CSS中绝对能得到需要的效果
一克代码 2010-08-18
  • 打赏
  • 举报
回复
[Quote=引用 3 楼 jrl5365 的回复:]
这样试试right1.style.width=document.body.clientWidth-208+"px";
[/Quote]

up

取得页面的宽再去减!
jrl5365 2010-08-18
  • 打赏
  • 举报
回复
具体浏览器宽度问题

var bodyWidth           =document.body.clientWidth;      //网页可见区域宽

var bodyHeight =document.body.clientHeight; //网页可见区域高

var bodyWidthWithBorder =document.body.offsetWidth; //网页可见区域宽(包括边线的宽)

var bodyHeightWithBorder=document.body.offsetHeight; //网页可见区域高(包括边线的宽)

var bodyWidthWithScroll =document.body.scrollWidth; //网页正文全文宽

var bodyHeightWithScroll=document.body.scrollHeight; //网页正文全文高

var bodyTopHeight =document.body.scrollTop; //网页被卷去的上边距

var bodyLeftWidth =document.body.scrollLeft; //网页被卷去的左边距

var windowTopHeight =window.screenTop; //网页正文部分上边距

var windowLeftWidth =window.screenLeft; //网页正文部分左边距

var screenHeight =window.screen.height; //屏幕分辨率的高

var screenWidth =window.screen.width; //屏幕分辨率的宽

var screenAvailHeight =window.screen.availHeight; //屏幕可用工作区高度

var screenAvailWidth =window.screen.availWidth; //屏幕可用工作区宽度
jrl5365 2010-08-18
  • 打赏
  • 举报
回复
这样试试right1.style.width=document.body.clientWidth-208+"px";
winner2050 2010-08-18
  • 打赏
  • 举报
回复
100%-208px涉及到基本的数学问题。

62,046

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧