zoukankan      html  css  js  c++  java
  • 导航菜单交叉移动

    <style>
    #menuShow{
    border: 1px solid #6cccc6;
    background-color: #11cccc;
    padding: 13px;
    font-size: 13px;
    font-family: Verdana, Arial;
    position: absolute;
    auto;
    height: auto;
    }
    #menuSelect{
    border: 1px solid #fffff6;
    background-color: #aafff1;
    padding: 13px;
    font-size: 13px;
    font-family: Verdana, Arial;
    position: absolute;
    auto;
    height: auto;
    }
    </style>
    <a href="<#ZC_BLOG_HOST#>">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net,站长js特效。<hr>
    <!--欢迎来到站长特效网,我们网站收集大量高质量js特效,提供许多广告代码下载,网址:www.zzjs.net,zzjs@msn.com,用.net打造靓站-->
    <div id="menuSelect">
    <a href="#" onClick="moveOnMenu();moveOffSelector()">点我交换</a>
    <a href="http://www.zzjs.net">站长特效网</a>
    <a href="http://zzjs.net/?cat=1">zzjs</a>
    <a href="http://zzjs.net/?cat=2">网页特效</a>
    <a href="http://zzjs.net/?cat=11">广告代码</a>
    <a href="http://www.alixixi.com">阿里西西</a>
    <a href="http://www.cctv.com">央视国际</a>
    <a href="http://www.163.com">网易</a>
    <a href="http://www.sohu.com">搜狐</a>
    <a href="http://www.blueidea.com">蓝色理想</a>
    </div>
    <div id="menuShow">
    <a href="#" onClick="moveOffMenu();moveOnSelector()">交换导航</a>
    <a href="http://www.zzjs.net">站长特效网</a>
    <a href="http://zzjs.net/?cat=1">zzjs</a>
    <a href="http://zzjs.net/?cat=2">网页特效</a>
    <a href="http://zzjs.net/?cat=11">广告代码</a>
    <a href="http://www.alixixi.com">阿里西西</a>
    <a href="http://www.cctv.com">央视国际</a>
    <a href="http://www.163.com">网易</a>
    <a href="http://www.sohu.com">搜狐</a>
    <a href="http://www.blueidea.com">蓝色理想</a>
    </div>
    <SCRIPT LANGUAGE="JavaScript">
    <!-- Begin
    Show ="yes";
    var OffX = -170;
    var PosX = 400;
    var PosY = 100;
    var speed = 1;
    var increment = 1;
    var incrementNS4 = 5; // for slower NS4 browsers
    //欢迎来到站长特效网,我们的网址是www.zzjs.net,很好记,zz站长,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。
    var is_NS = navigator.appName=="Netscape";
    var is_Ver = parseInt(navigator.appVersion);
    var is_NS4 = is_NS&&is_Ver>=4&&is_Ver<5;
    var is_NS5up = is_NS&&is_Ver>=5;
    //欢迎来到站长特效网,我们的网址是www.zzjs.net,很好记,zz站长,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。
    var MenuX = OffX;
    var SelX = PosX;
    var sPosX = PosX;
    var sOffX = OffX;
    //欢迎来到站长特效网,我们的网址是www.zzjs.net,很好记,zz站长,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。
    if (Show == "yes") {
    sPosX = OffX;
    sOffX = PosX;
    MenuX = sOffX;
    SelX = sPosX;
    }
    //欢迎来到站长特效网,我们的网址是www.zzjs.net,很好记,zz站长,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。
    if (is_NS4) {
    increment = incrementNS4;
    Lq = "document.layers.";
    Sq = "";
    eval(Lq+'menuSelect'+Sq+'.left=sPosX');
    eval(Lq+'menuShow'+Sq+'.left=sOffX');
    eval(Lq+'menuSelect'+Sq+'.top=PosY');
    eval(Lq+'menuShow'+Sq+'.top=PosY');
    } else {
    Lq = "document.all.";
    Sq = ".style";
    document.getElementById('menuSelect').style.left = sPosX+"px";
    document.getElementById('menuShow').style.left = sOffX+"px";
    document.getElementById('menuSelect').style.top = PosY+"px";
    document.getElementById('menuShow').style.top = PosY+"px";
    }
    //欢迎来到站长特效网,我们的网址是www.zzjs.net,很好记,zz站长,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。
    function moveOnMenu() {
    if (MenuX < PosX) {
    MenuX = MenuX + increment;
    if (is_NS5up) {
    document.getElementById('menuShow').style.left = MenuX+"px";
    } else {
    eval(Lq+'menuShow'+Sq+'.left=MenuX');
    }
    setTimeout('moveOnMenu()',speed);
    }
    }
    //欢迎来到站长特效网,我们的网址是www.zzjs.net,很好记,zz站长,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。
    function moveOffMenu() {
    if (MenuX > OffX) {
    MenuX = MenuX - increment;
    if (is_NS5up) {
    document.getElementById('menuShow').style.left = MenuX+"px";
    } else {
    eval(Lq+'menuShow'+Sq+'.left=MenuX');
    }
    setTimeout('moveOffMenu()',speed);
    }
    }
    function moveOffSelector() {
    if (SelX > OffX) {
    SelX = SelX - increment;
    if (is_NS5up) {
    document.getElementById('menuSelect').style.left = SelX+"px";
    } else {
    eval(Lq+'menuSelect'+Sq+'.left=SelX');
    }
    setTimeout('moveOffSelector()',speed);
    }
    }
    function moveOnSelector() {
    if (SelX < PosX) {
    SelX = SelX + increment;
    if (is_NS5up) {
    document.getElementById('menuSelect').style.left = SelX+"px";
    } else {
    eval(Lq+'menuSelect'+Sq+'.left=SelX');
    }
    setTimeout('moveOnSelector()',speed);
    }
    }
    // End -->
    </script>

  • 相关阅读:
    在Bootstrap开发框架基础上增加WebApi+Vue&Element的前端
    使用Vue-TreeSelect组件的时候,用watch变量方式解决弹出编辑对话框界面无法触发更新的问题
    使用Vue-TreeSelect组件实现公司-部门-人员级联下拉列表的处理
    利用查询条件对象,在Asp.net Web API中实现对业务数据的分页查询处理
    利用过滤器Filter和特性Attribute实现对Web API返回结果的封装和统一异常处理
    使用代码生成工具快速开发ABP框架项目
    基于ABP框架的SignalR,使用Winform程序进行功能测试
    使用egg.js开发后端API接口系统
    小样本学习领域的几篇优秀文章解读——都是度量学习
    用于对机器学习模型进行对抗性攻击、防御和基准测试的Python库:CleverHans 3.0.0
  • 原文地址:https://www.cnblogs.com/skyay/p/3826183.html
Copyright © 2011-2022 走看看