页面导航：首页 → 网络编程 → JavaScript → 网页特效 → 导航菜单 → 正文内容 js后台导航

js iframe网站后台左右收缩型页面脚本

发布：dxy 字体：[增加减小] 类型：转载

其实和我的后台一样网站后台免费提供这里的样式的重点是指当鼠标移到三角按钮时变成手掌

点击运行可以看到效果:

<html> 
<meta http-equiv=Content-Type content=text/html;charset=gb2312> 
<title>mobaihuo网站后台免费提供_脚本之家_www.jb51.net</title> 
 
<style type="text/css"> 
.navPoint {COLOR: white; CURSOR: hand; FONT-FAMILY: Webdings; FONT-SIZE: 9pt} 
.a2{BACKGROUND-COLOR: A4B6D7;} 
</style> 
 
<body style="MARGIN: 0px" scroll=no onResize=javascript:parent.carnoc.location.reload()> 
<TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=0 width="100%" border=0> 
<TR> 
<TD align=center width="100%" height=25 bgcolor="#B1C1E0" style="COLOR: #330099; font: 10.5pt" 
><B>mobaihuo网站后台免费提供</B> 
</TD> 
</TR> 
</TABLE> 
 
<script> 
if(self!=top){top.location=self.location;} 
function switchSysBar(){ 
if (switchPoint.innerText==3){ 
switchPoint.innerText=4 
document.all("frmTitle").style.display="none" 
}else{ 
switchPoint.innerText=3 
document.all("frmTitle").style.display="" 
}} 
</script> 
 
<table border="0" cellPadding="0" cellSpacing="0" height="100%" width="100%"> 
  <tr> 
      
    <td width="30" align="middle" vAlign="center" noWrap id="frmTitle"> 
     
     
    <iframe frameBorder="0" id="carnoc" name="carnoc" scrolling=auto src="" style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 180px; Z-INDEX: 2">    </iframe>    </td> 
     
     
    <td width="46" bgcolor="#708EC7" style="WIDTH: 9pt"> 
     
     
    <table width="9" height="100%" border="0" cellpadding="0" cellspacing="0"> 
      <tr> 
        <td width="200" style="HEIGHT: 100%" onClick="switchSysBar()"> 
            <font style="FONT-SIZE: 9pt; CURSOR: default; COLOR: #ffffff"> 
 
            
 
            
 
            
 
            
 
            
 
            
 
            
 
            
 
            
 
            
 
            
 
            
 
             
            <span class="navPoint" id="switchPoint" title="关闭/打开左栏">3</span>
 
            
 
            
 
            
 
            
 
            
 
            
 
            
 
          屏幕切换 </font></td> 
      </tr> 
    </table></td> 
        <td width="630" style="WIDTH: 100%">        </td> 
  </tr> 
</table> 
</html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

Tags：js iframe 网站后台左右收缩

浏览次数：载入中... 打印本文关闭本文返回首页

0

顶一下

上一篇文章：js兼容IE6,IE7菜单高亮显示效果代码
下一篇文章：JavaScript CSS创建右击菜单效果代码

·在百度中搜索关于“js iframe网站后台左右收缩型页面脚本相关内容

文章评论

共有位脚本之家网友发表了评论我来说两句

js iframe网站后台左右收缩型页面脚本

文章评论

同类文章

最近更新

热点排行

js iframe网站后台左右收缩型页面脚本

文章评论

同 类 文 章

最 近 更 新

热 点 排 行

同类文章

最近更新

热点排行