`
menzi_love
  • 浏览: 1928 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

隐藏菜单-左右两个

IE 
阅读更多
<!--漂浮 Left 开始-->
<style type="text/css">
<!--
#master  {position:absolute; width: 200px; top: 10px; left: 0px; z-index:2; visibility:visible;}
#menu   {position:absolute; width: 18px; top: 0px; left: 120px; z-index:5; visibility:visible;}
#top   {position:absolute; width: 120px; top: 0px; left: 0px; z-index:5; visibility:visible;}
#screen  {position:absolute; width: 120px; top: 6px; left: 0px; z-index:5; visibility:visible;}
#screenlinks {position:absolute; width: 120px; top: 6px; left: 0px; z-index:5; visibility:visible;}

-->
</style>
<style type="text/css">
<!--
.NavJump {font-family: arial; font-size: 10pt; color: #808080; text-decoration: none;}
a:link.NavJump {color : #808080;}
a:visited.NavJump {color : #808080;}
a:active.NavJump {text-decoration: none; color: #C0C0C0;}
a:hover.NavJump {text-decoration: none; color: #C0C0C0;}
-->
</style>
< script language = "java script ">
<!--
var ie = document.all ? 1 : 0
var ns = document.layers ? 1 : 0
var master = new Object("element")
master.curLeft = 0;  master.curTop = 10;
master.gapLeft = 0;  master.gapTop = 0;
master.timer = null;

function moveAlong(layerName, paceLeft, paceTop, fromLeft, fromTop){
clearTimeout(eval(layerName).timer)
if(eval(layerName).curLeft != fromLeft){
     if((Math.max(eval(layerName).curLeft, fromLeft) - Math.min(eval(layerName).curLeft, fromLeft)) < paceLeft){eval

(layerName).curLeft = fromLeft}
else if(eval(layerName).curLeft < fromLeft){eval(layerName).curLeft = eval(layerName).curLeft + paceLeft}
else if(eval(layerName).curLeft > fromLeft){eval(layerName).curLeft = eval(layerName).curLeft - paceLeft}
if(ie){document.all[layerName].style.left = eval(layerName).curLeft}
if(ns){document[layerName].left = eval(layerName).curLeft}
}
if(eval(layerName).curTop != fromTop){
     if((Math.max(eval(layerName).curTop, fromTop) - Math.min(eval(layerName).curTop, fromTop)) < paceTop){eval

(layerName).curTop = fromTop}
else if(eval(layerName).curTop < fromTop){eval(layerName).curTop = eval(layerName).curTop + paceTop}
else if(eval(layerName).curTop > fromTop){eval(layerName).curTop = eval(layerName).curTop - paceTop}
if(ie){document.all[layerName].style.top = eval(layerName).curTop}
if(ns){document[layerName].top = eval(layerName).curTop}
}
eval(layerName).timer=setTimeout('moveAlong("'+layerName+'",'+paceLeft+','+paceTop+','+fromLeft+','+fromTop+')',30)
}
function setPace(layerName, fromLeft, fromTop, motionSpeed){
eval(layerName).gapLeft = (Math.max(eval(layerName).curLeft, fromLeft) - Math.min(eval(layerName).curLeft,

fromLeft))/motionSpeed
eval(layerName).gapTop = (Math.max(eval(layerName).curTop, fromTop) - Math.min(eval(layerName).curTop, fromTop))/motionSpeed
moveAlong(layerName, eval(layerName).gapLeft, eval(layerName).gapTop, fromLeft, fromTop)
}
var expandState = 1
function expand(){
if(expandState == 1){setPace("master", -100, 10, 20); if(ie){document.menutop.src = "include/images1/an2.gif"}; expandState = 0;}
else{setPace("master", 0, 10, 20); if(ie){document.menutop.src = "include/images1/an2.gif"}; expandState = 1;}
}
//-->
</ script >
<div id="master">
<div id="screenlinks">
<table border="0" width="120" cellspacing="0" cellpadding="5">
<tr><td width="100%">
<table border="0" width="100%" bgcolor="#808080" cellspacing="0" cellpadding="0">
<tr><td width="100%">
<table border="0" width="100%" cellspacing="1" cellpadding="5">
<tr><td width="100%" bgcolor="#FFFFFF"><a href="" onFocus="this.blur()" onMouseOver="java script :expand()">
<object  name="menutop"  classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="97" height="233" id="leftMovieClose">
      <param name="movie" value="ad-images/piaofuzuo.swf">
      <param name="quality" value="high">
      <embed src="ad-images/piaofuzuo.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="97" height="233"></embed>
    </object></a>
</td></tr>
</table>
</td></tr>
</table>
</td></tr>
</table>
</div>
</div>
<!--漂浮 Left 结束-->


<!--漂浮 Right 开始-->
<style type="text/css">
<!--
#masterRight  {position:absolute; width: 200px; top: 10px; right: 0px; z-index:2; visibility:visible;}
#menu   {position:absolute; width: 18px; top: 0px; right: 120px; z-index:5; visibility:visible;}
#top   {position:absolute; width: 120px; top: 0px; right: 0px; z-index:5; visibility:visible;}
#screen  {position:absolute; width: 120px; top: 6px; right: 0px; z-index:5; visibility:visible;}
#screenlinksRight {position:absolute; width: 120px; top: 6px; right: 0px; z-index:5; visibility:visible;}

-->
</style>
<style type="text/css">
<!--
.NavJump {font-family: arial; font-size: 10pt; color: #808080; text-decoration: none;}
a:link.NavJump {color : #808080;}
a:visited.NavJump {color : #808080;}
a:active.NavJump {text-decoration: none; color: #C0C0C0;}
a:hover.NavJump {text-decoration: none; color: #C0C0C0;}
-->
</style>
< script language = "java script ">
<!--
var ie = document.all ? 1 : 0
var ns = document.layers ? 1 : 0
var masterRight = new Object("element")
masterRight.curLeft = document.body.clientWidth-200; masterRight.curTop = 10;
masterRight.gapLeft = 0;  masterRight.gapTop = 0;
masterRight.timer = null;

function moveAlongRight(layerName, paceLeft, paceTop, fromLeft, fromTop){
clearTimeout(eval(layerName).timer)
if(eval(layerName).curLeft != fromLeft){
     if((Math.max(eval(layerName).curLeft, fromLeft) - Math.min(eval(layerName).curLeft, fromLeft)) < paceLeft){eval

(layerName).curLeft = fromLeft}
else if(eval(layerName).curLeft < fromLeft){eval(layerName).curLeft = eval(layerName).curLeft + paceLeft}
else if(eval(layerName).curLeft > fromLeft){eval(layerName).curLeft = eval(layerName).curLeft - paceLeft}
if(ie){document.all[layerName].style.left = eval(layerName).curLeft}
if(ns){document[layerName].left = eval(layerName).curLeft}
}
if(eval(layerName).curTop != fromTop){
     if((Math.max(eval(layerName).curTop, fromTop) - Math.min(eval(layerName).curTop, fromTop)) < paceTop){eval

(layerName).curTop = fromTop}
else if(eval(layerName).curTop < fromTop){eval(layerName).curTop = eval(layerName).curTop + paceTop}
else if(eval(layerName).curTop > fromTop){eval(layerName).curTop = eval(layerName).curTop - paceTop}
if(ie){document.all[layerName].style.top = eval(layerName).curTop}
if(ns){document[layerName].top = eval(layerName).curTop}
}
eval(layerName).timer=setTimeout('moveAlongRight("'+layerName+'",'+paceLeft+','+paceTop+','+fromLeft+','+fromTop+')',30)
}
function setPaceRight(layerName, fromLeft, fromTop, motionSpeed){
eval(layerName).gapLeft = (Math.max(eval(layerName).curLeft, fromLeft) - Math.min(eval(layerName).curLeft,

fromLeft))/motionSpeed
eval(layerName).gapTop = (Math.max(eval(layerName).curTop, fromTop) - Math.min(eval(layerName).curTop, fromTop))/motionSpeed
moveAlongRight(layerName, eval(layerName).gapLeft, eval(layerName).gapTop, fromLeft, fromTop)
}
var expandStateRight = 1
function expandRight(){
if(expandStateRight == 1){setPaceRight("masterRight", document.body.clientWidth-200, 10, 20); if(ie){document.menutopRight.src = "include/images1/an2.gif"}; expandStateRight = 0;}
else{setPaceRight("masterRight", document.body.clientWidth-100, 10, 20); if(ie){document.menutopRight.src = "include/images1/an2.gif"}; expandStateRight = 1;}
}
//-->
</ script >
<div id="masterRight">
<div id="screenlinksRight">
<table border="0" width="120" cellspacing="0" cellpadding="5">
<tr><td width="100%">
<table border="0" width="100%" bgcolor="#808080" cellspacing="0" cellpadding="0">
<tr><td width="100%">
<table border="0" width="100%" cellspacing="1" cellpadding="5">
<tr><td width="100%" bgcolor="#FFFFFF"><a href="#" onFocus="this.blur()" onMouseOver="java script :expandRight()">
<object  name="menutopRight"  classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="97" height="233" id="rightMovieClose">
      <param name="movie" value="ad-images/piaofuyou.swf">
      <param name="quality" value="high">
      <embed src="ad-images/piaofuyou.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="97" height="233"></embed>
    </object></a>
</td></tr>
</table>
</td></tr>
</table>
</td></tr>
</table>
</div>
</div>
<!--漂浮 Right 结束-->
分享到：
Marquee-鼠标控制
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Android使用DrawerLayout创建左右两个抽屉菜单

    本教程将详细讲解如何在Android项目中使用DrawerLayout创建左右两个抽屉菜单。 首先，我们需要了解 DrawerLayout 的基本结构。DrawerLayout 是一个可以包含多个视图的布局容器，其中至少包括主内容视图（通常是屏幕...

    iOS左右滑动菜单Demo

    - 添加两个UIViewController子类，分别代表主视图和侧边菜单视图。 - 在Storyboard中，将主视图控制器设置为主界面，而侧边菜单控制器则隐藏在主视图后面。 2. **手势识别**： - 添加UIPanGestureRecognizer到主...

    左右菜单列表

    "左右菜单列表"是一种常见的交互设计模式，常用于实现类似抽屉效果的导航方式，它允许用户从屏幕边缘滑动来显示或隐藏菜单。这种设计在很多应用中都能看到，如社交应用、新闻阅读应用等，为用户提供了一种简洁且直观...

    使用Titanium来开发“Path”的一些创新UI布局 - 左右菜单

    1. **创建视图（Views）**：为菜单和主要内容创建两个独立的视图，菜单视图通常隐藏，而主要内容视图则占据屏幕的主区域。 2. **手势处理**：添加手势监听器，如滑动手势（swipe gesture），当用户向左或向右滑动时...

    js左右两侧滑动展开菜单代码

    "js左右两侧滑动展开菜单代码"是一个实现这种效果的源码示例，它主要用于手机端应用，旨在提供一个便捷的侧边菜单功能，允许用户在页面的左侧或右侧滑动以展开或收起菜单。这个功能在许多现代移动应用程序和响应式...

    andorid左右两侧滑动菜单SlidingMenu

    1. 自定义布局：可以创建自定义的布局并监听触摸事件，当检测到滑动手势时，手动调整两个视图的位置。这种方式需要处理大量的触摸事件和动画细节，对开发者的技术要求较高。 2. 使用第三方库：SlidingMenu库...

    安卓SlidingMenu各种菜单侧滑菜单相关-Android双向滑动菜单带按钮版.zip

    这通常涉及到监听滑动事件，并根据滑动方向来决定是否展示或隐藏菜单。 3. **动画效果**：为了让用户体验更加流畅，菜单的显示和隐藏应该伴随有适当的动画效果。这可以通过设置动画属性，如滑动速度、透明度变化等...

    Android左右滑出菜单

    **Android左右滑出菜单**是Android开发中一种常见的交互设计，它允许用户通过在屏幕边缘向内或向外滑动来展示或隐藏侧边菜单。这种设计常见于许多应用，如Google Maps、Facebook等，提供了便捷的导航方式。在这个...

    web app实现左右滑动控制菜单

    而"Scripts"目录可能包含了所有必要的JavaScript脚本，用于处理触摸事件、计算滑动距离、显示或隐藏菜单等核心逻辑。 实现左右滑动控制菜单通常会包括以下步骤： 1. 创建HTML结构：设置一个包含主内容区域和侧边...

    android 左右侧滑菜单（点击+左右滑动）

    1. **DrawerLayout**：`DrawerLayout`是Android SDK提供的一个布局组件，它允许一个或两个视图（通常称为抽屉）从屏幕边缘滑出。抽屉可以是左侧或右侧的，用户可以通过手势或点击汉堡菜单按钮来触发抽屉的滑动。在本...

    安卓仿网易新闻左右隐藏的菜单和设置

    在安卓应用开发中，创建一个类似网易新闻的左右隐藏菜单和设置界面是一项常见的需求，它提供了用户友好的交互体验。这种设计通常包含一个主体内容区域，两侧分别有可滑动展开的菜单和设置选项。本篇文章将深入探讨...

    C# vs2010 实现SplitContainer（上下左右）隐藏与显示

    SplitContainer控件是Windows Forms中的一个重要组件，它允许用户在一个容器内划分两个或更多个区域，这些区域可以水平（左右）或垂直（上下）分割，并且可以根据需要进行隐藏和显示。本篇文章将深入探讨如何在C# VS...

    html5手机端上下左右滑动菜单代码.zip

    这种设计允许用户通过简单的手势操作，如上下左右滑动，来展开或隐藏菜单，使得菜单在不影响主要内容展示的情况下提供导航功能。 此代码库基于jQuery和CSS3技术构建，两者都是现代Web开发中的关键组件。jQuery是一...

    左右滑动菜单

    在移动应用开发中，"左右滑动菜单"是一种常见的交互设计模式，它允许用户通过在屏幕边缘左右滑动来展示或隐藏菜单。这种设计常见于许多应用，包括音乐播放器酷狗，它使得用户能够在不占据主屏幕空间的情况下访问更多...

    SlidingMenu左右宽度可调节菜单

    SlidingMenu通常作为主Activity的一个层次，通过将两个布局重叠在一起实现：一个是主要内容视图，另一个是隐藏的侧滑菜单视图。通过监听用户的滑动手势，菜单视图可以从屏幕一侧滑入或滑出，展示或隐藏菜单选项。 ...

    安卓slidemenu左右侧滑菜单

    在安卓应用开发中，滑动菜单（Slide Menu）是一种常见的设计模式，用于提供导航和功能选项，用户可以通过从屏幕边缘向内滑动来显示或隐藏菜单。标题中的“安卓slidemenu左右侧滑菜单”指的就是这种设计，通常用在主...

    安卓SlidingMenu各种菜单侧滑菜单相关-实现了一个Android的抽屉效果的下拉菜单(上下伸缩和展开).rar

    在本项目中，开发者可能已经实现了两个主要功能：向上伸缩和向下展开。这意味着当用户从屏幕顶部或底部滑动时，菜单会以不同的动画效果显示出来，增加了用户体验的多样性。 实现这样的效果通常涉及到以下步骤： 1....

    slidingmenu左右侧滑菜单

    SlidingMenu通常被用作应用的主要导航元素，允许用户从屏幕边缘向内滑动来展示或隐藏一个侧边栏，这个侧边栏包含了应用的主菜单或者其他功能选项。 在Android开发中，实现侧滑菜单有多种方法，其中`SlidingMenu`库...

    android左右侧滑菜单

    在Android应用开发中，左右侧滑菜单是一种常见的交互设计，它允许用户通过在屏幕边缘向内滑动来显示或隐藏侧边栏，通常用于展示导航选项或者附加功能。这种设计模式在很多移动应用中被广泛采用，比如社交媒体、新闻...

    Node.js-树形结构ListView左右两个ListView联动

    标题“Node.js-树形结构ListView左右两个ListView联动”可能有些误导，因为Node.js主要是一个服务器端JavaScript运行环境，并不直接涉及Android UI组件如ListView的实现。不过，我们可以理解为这是一个关于如何在...

Magicbox
Global site tag (gtag.js) - Google Analytics