展会信息港展会大全

模仿AS效果的导航菜单 android软件开发教程
来源:互联网   发布日期:2016-03-25 16:42:23   浏览:3166次  

导读:代码如下 复制代码 html head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title模仿Flash AS效果的导航菜单/title style type=text/css !-- a:link,a:visited { text-decoration: none; color: #666666 } a:hover { text-decoration...

代码如下

复制代码

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>模仿Flash AS效果的导航菜单</title>

<style type="text/css">

<!--

a:link,a:visited { text-decoration: none; color: #666666 }

a:hover { text-decoration: underline }

#hor1 {

position:absolute;

left:320px;

top:20px;

width:220px;

height:20px;

z-index:1;

background-color: #999900;

}

#hor2 {

position:absolute;

left:320px;

top:40px;

width:220px;

height:20px;

z-index:2;

background-color: #FFCC00;

}

#hor3 {

position:absolute;

left:320px;

top:60px;

width:220px;

height:20px;

z-index:3;

background-color: #99CC00;

}

#board1 {

position:absolute;

left:320px;

top:40px;

width:220px;

height:120px;

z-index:-100;

background-color: #333333;

visibility: hidden;

}

body,td,th {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

color: #FFFFFF;

font-weight: bold;

}

body {

background-color: #666666;

}

#board2 {

position:absolute;

left:320px;

top:60px;

width:220px;

height:120px;

z-index:-90;

background-color: #333333;

visibility: hidden;

}

#board3 {

position:absolute;

width:220px;

height:120px;

z-index:-80;

left: 320px;

top: 80px;

background-color: #333333;

visibility: hidden;

}

#hor4 {

position:absolute;

left:320px;

top:80px;

width:220px;

height:20px;

z-index:4;

background-color: #99CCCC;

}

#board4 {

position:absolute;

left:320px;

top:100px;

width:220px;

height:120px;

z-index:-70;

background-color: #333333;

visibility: hidden;

}

-->

</style>

赞助本站

人工智能实验室

相关热词: 开发 编程 android

AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港