jquery控件frameset框架的属性即隐藏左侧frame

Javascript 2607 0 2012-08-27

jquery控件frameset框架的属性即隐藏左侧frame
HTML:
<frameset rows="45,*" cols="*" frameborder="no" border="0" framespacing="0">
  <frame src="main_top.php" name="mTop" scrolling="No" noresize="noresize" id="topFrame" />
  <frameset cols="151,*" frameborder="no" border="0" framespacing="0" id="fs2">
    <frame src="main_left.php" name="mLeft" scrolling="No" noresize="noresize" id="leftFrame" />
    <frame src="main_right.php" name="mRight" id="mainFrame" />
  </frameset>
</frameset>

 

JQUERY:
<script language="javascript" src="/script/jquery-1.8.0.min.js"></script>
<script language="javascript">
$(document).ready(function(){
    $('.CloseLeft').click(function(){
        var lw=$(this).html();
        if(lw=='显示左侧'){
            lwv='151,*';
            $(this).html('隐藏左侧');
        }else{
            lwv='0,*';
            $(this).html('显示左侧');
        }
        $('#fs2',window.parent.document).attr('cols',lwv);
    });
});
</script>


说明:
juqery代码是放在子页面中,且子页面中有个可点击的按钮,如:
<a href="#none" class="CloseLeft">隐藏左侧</a>

上一篇:jquery-append动态创建节点元素与内部插入节点

下一篇:JS中的setInterval和setTimeout区别

讨论数量:0

请先登录再发表讨论。 2024-05-03

天涯网魂
3 杠 5 星
TA 的文章
TA 的随言
TA 的资源链