还是公司 OA 界面的问题，之前解决了背景的问题，只要隐藏 DIV 就行了。但这是在同一页面，到最后，想想项目内容，还是用框架结构好些，所以又不得不重来。因为我的背景需要连贯性（如下图），可框架不同于内框，不能做背景透明，因此必须得定义左右两个框架页面的背景。而我又想实现收缩侧边栏（左框架），所以，问题就出来了：无操作时，背景很容易实现，只要把整体背景切成两块就行了。可一有操作，收缩后只剩下右框架的背景就乱套了，和顶部框架的背景图片无法对齐。试了很多办法，到最后还是用最简单的办法，定义背景 X 轴座标就行了。
这是背景：
A：未收缩时隐藏右框架背景前180px内容，并固定背景。
B：收缩时右框架采用默认方式背景并固定。
<script language="JavaScript" type="text/javascript"><br />
function showit{<br />
if (parent.contents.cols=="0,*"){<br />
parent.contents.cols="180,*,"//框架名、宽度<br />
document.body.style.background="url(skin/images/bg.gif) -180px 0 repeat-x fixed";//未收缩时隐藏背景前180px内容，并固定背景<br />
}<br />
else{<br />
parent.contents.cols="0,*"<br />
document.body.style.background="url(skin/images/bg.gif) repeat-x fixed";//收缩时改为默认背景并固定<br />
}<br />
}<br />
</script>
function showit{<br />
if (parent.contents.cols=="0,*"){<br />
parent.contents.cols="180,*,"//框架名、宽度<br />
document.body.style.background="url(skin/images/bg.gif) -180px 0 repeat-x fixed";//未收缩时隐藏背景前180px内容，并固定背景<br />
}<br />
else{<br />
parent.contents.cols="0,*"<br />
document.body.style.background="url(skin/images/bg.gif) repeat-x fixed";//收缩时改为默认背景并固定<br />
}<br />
}<br />
</script>
Random Posts
暂无评论 Trackback Url：http://ichov.com/web/js-control-frame-background.html/trackback
