点击显示隐藏菜单,动画效果,半透明,支持所有浏览器
来源:互联网 发布:淘宝集分宝首页 编辑:程序博客网 时间:2024/06/10 06:01
<!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:{
width: {to: 532},
opacity: {to: 1 }
},
hiddenConfig:{
width: {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
- 点击显示隐藏菜单,动画效果,半透明,支持所有浏览器
- 点击显示隐藏菜单,动画效果,半透明,支持所有浏览器
- Android动画开发——Animation显示隐藏菜单效果
- Android动画开发——Animation显示隐藏菜单效果
- Android播放器菜单的显示隐藏动画效果
- Android View动画显示和隐藏(支持所有View)
- 下拉菜单,支持所有浏览器
- 点击隐藏显示左边菜单
- 菜单点击 显示和隐藏
- Silverlight 显示隐藏动画效果
- 隐藏/显示界面动画效果
- 当点击一个View时,显示下面隐藏的一个View(折叠的动画效果)
- 菜单UI点击隐藏与显示(滑动)
- CSS效果的隐藏/显示型菜单
- jquery菜单滑动及显示隐藏效果
- Android 点击菜单键显示效果
- JQuery 动画显示和隐藏效果
- 控件隐藏/显示时的动画效果
- linux内核input子系统解析
- java 加密
- 3DES加密java的实现代码
- java.util.timer的 schedule方法
- Struts 2中#、%和$符号的相应用途
- 点击显示隐藏菜单,动画效果,半透明,支持所有浏览器
- entlib企业级应用-Data Access模块
- Jquery的一个loading图片效果,加载图片
- 我现在学习PHP的感受
- google爬虫
- 4个程序员的一天
- 局域网隐藏IP地址的方法
- linux下 java JNI调用C语言动态链接库
- NetBeans 时事通讯(刊号 # 104 - Jun 07, 2010)