web前端|js教程
js,css,立体,按钮,文字,竖排,菜单
web前端-js教程
本文实例讲述了js+css实现有立体感的按钮式文字竖排菜单效果。分享给大家供大家参考。具体如下：
易语言唯美日历源码,vscode运行后的界面,ubuntu安装sai,tomcat版本查看文件,新闻爬虫 软件,php5.4 nginx,全网霸屏推广seo教程,幼儿园 网站源码,网页登录模板lzw
这是一款较不错的竖排菜单，有立体感效果的菜单，不要以为那些带立体特效的菜单是按钮啊，其实它就是用JavaScript代码修饰出来的按钮，鼠标放上的时候就会有明显的立体文字效果，竖向排列的，也可以修改成横向的。
下载上传源码,vscode是什么编码,ubuntu 登录环境,停止tomcat语句,安卓SqLite管理器,自制爬虫加湿草的做法,php mb扩展,中堂seo优化外包,dede微电影网站模板下载,html的网页流程图,dede模板 判断语句lzw
运行效果截图如下：
网站源码换模板,ubuntu20 死机,配置5个tomcat项目,爬虫制作java,对象映射 php,广东知名关键词seo快速排名lzw
具体代码如下：
有立体感的按钮式文字菜单，竖排A:link { TEXT-DECORATION: none}A:visited { TEXT-DECORATION: none}A:active { TEXT-DECORATION: none}A:hover { TEXT-DECORATION: none}.up { BORDER-RIGHT: #711200 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: white 1px solid; PADDING-LEFT: 1px; FONT-SIZE: 9pt; PADDING-BOTTOM: 1px; BORDER-LEFT: white 1px solid; COLOR: #ff0000; PADDING-TOP: 1px; BORDER-BOTTOM: #711200 1px solid; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #eadfd0}<!-- IE and NS6 Menu Button script kurt.grigg@if (!document.layers){// Choose size and colours here!Width=100;Font=Verdana;FontSize=9;AFontColor=#000000;BFontColor=
ed;CFontColor=#ffffff;down="#6699cc";FontWeight=
ormal; //normal or bold!BackGround=#99ccff; //Same as your body bgcolor!BorderDepth=2;BorderLight=#FFFFFF;BorderShad=#000000;//Nothing needs altering past here!!!!!!!!!!!!!!!!!!!!!!function On(id){with(id.style){color=BFontColor;borderTopColor=BorderLight;borderLeftColor=BorderLight;borderRightColor=BorderShad;borderBottomColor=BorderShad;}}function Off(id){with(id.style){color=AFontColor;borderTopColor=BackGround;borderLeftColor=BackGround;borderRightColor=BackGround;borderBottomColor=BackGround;background=BackGround;}}function Down(id){with(id.style){color=CFontColor;borderTopColor=BorderShad;borderLeftColor=BorderShad;borderRightColor=BorderLight;borderBottomColor=BorderLight;background=down;}}function Link(Url,Txt,target){document.write(""+"
"+Txt+"
");}}function Temp(){alert("TEST");}//--><!-- if (!document.layers){if (document.getElementById&&!document.all){document.write("
"+"
");}}//-->
