• 点击显示隐藏菜单,动画效果,半透明,支持所有浏览器


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
    <HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD>
    <META http-equiv=Content-Type content="text/html; charset=utf-8">
    <link href="yiwu/styleG3.css" rel="stylesheet" type="text/css">
    <SCRIPT language=javascript
    src="yiwu/ae.js"
    charset=iso-8859-1></SCRIPT>
    </HEAD>
    <BODY>
    <div style="height:100px;"></div>
    <DIV class="sideMenu haveBanner">
    <BR>
    <SCRIPT language=javascript type=text/javascript>

    var zConfig={
    showConfig:{
    {to: 532},
    opacity: {to: 1 }
    },
    hiddenConfig:{
    {to: 0},
    opacity: {to: 0 }
    },
    showTime:1,
    hiddenTime:1,
    sFireEvent:"click",
    oAppliedFunction:YAHOO.util.Easing.easeOutStrong
    }
    var showAllCategory=new floatDiv();

    YUE.on(window,"load",function(){
    if(get('MiniMPTitem')){
    var fixHeight = get('MiniMPTitem').offsetHeight;

    if(fixHeight<320){fixHeight=320;}
    get('MinimoreProductTeam').style.height=fixHeight+"px";
    get('moreProductTeam').style.height=fixHeight+"px";
    get('MinimoreProductMaskIframe').style.height=fixHeight+"px";
    get('moreProductTeam').style.display="none";

    var xy = [-128,-135];
    if(!AE.browse.isIE){xy = [-128,-108]}


    var targetXY = YUD.getXY('moreProductTeamBtn');

    var midW = YUD.getViewportWidth()/2;
    var isLeft = targetXY[0] < midW;
    var standX ;
    if(isLeft){
    standX = YUD.getX(YUD.getElementsByClassName('customGroup','div',get('mainContent'))[0]);
    xy[0] = standX - targetXY[0];
    }else{
    standX = YUD.getX(get('mainContent')) + get('mainContent').offsetWidth;
    xy[0] = standX - targetXY[0] - 30;
    }

    showAllCategory.init('moreProductTeamBtn','moreProductTeam',xy,zConfig);

    }
    }
    );

    </SCRIPT>

    <DIV class=customGroup>
    <H3><A href="#">www.corange.cn
    </A></H3>
    <UL>
    <LI><A href="http://www.corange.cn/html/corange_2_1.html">Php</A>
    <LI><A href="http://www.corange.cn/html/corange_15_1.html">JS/Jquery/Ajax </A>
    <LI><A href="">1</A>
    <LI><A href="">2</A>
    <LI><A href="">3</A>
    <LI><A href="">4</A>
    </LI>
    </UL>
    <DIV class=customGroupfooter><A class=more id=moreProductTeamBtn
    href="javascript:void(0)">See More</A> </DIV>
    </DIV>

    <DIV class=customGroupMore id=MinimoreProductTeam>
    <DIV class=MiniMPTcontainer id=moreProductTeam><IFRAME
    class=MinimoreProductMaskIframe id=MinimoreProductMaskIframe
    style="HEIGHT: 200px" src="about:blank" frameBorder=0></IFRAME><SPAN
    class=MiniMPTclosebtn><A onclick=showAllCategory.hiddenContentForce()
    href="javascript:void(0);"><IMG height=17
    src="yiwu/close_more_product_team.gif"
    width=42 border=0></A></SPAN>
    <DIV class=MiniMPTitem id=MiniMPTitem><BR>
    <UL>
    <LI class=column><A
    href="">1</A> </LI>
    <LI class=column><A
    href="">2</A> </LI>
    <LI class=column><A
    href="">3</A> </LI>
    <LI class=column><A
    href="">4</A> </LI>
    <LI class=column><A
    href="">5</A> </LI>

    </UL></DIV></DIV></DIV>
    </DIV>
    </BODY></HTML>
    js,图片,css文件
    http://www.corange.cn//uploadfiles/0606_55703.rar

    原文地址:http://www.corange.cn/archives/2010/06/3647.html

  • 相关阅读:
    生产者消费者问题--进阶
    互斥量和信号量的区别
    linux多线程大神博客网址
    生产者消费者
    文件互斥
    Linux中link,unlink,close,fclose详解
    条件变量
    哲学家进餐问题-3中解决方案
    使用读写锁解决读者-写者问题
    架构漫谈(三):如何做好架构之识别问题
  • 原文地址:https://www.cnblogs.com/zerogo/p/1752963.html
Copyright © 2020-2023  润新知