用JS代码修饰出来的有立体感的按钮式竖向文字菜单

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE>用JS代码修饰出来的有立体感的按钮式竖向文字菜单丨</TITLE>
    </HEAD>
    <BODY>
    <STYLE type=text/css>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
    }
    </STYLE>
    <SCRIPT language=JavaScript>
    <!-- IE and NS6 Menu Button script [email protected]
    if (!document.layers){
    // Choose size and colours here!
    Width=100;
    Font=‘Verdana‘;
    FontSize=9;
    AFontColor=‘#000000‘;
    BFontColor=‘red‘;
    CFontColor=‘#ffffff‘;
    down="#6699cc";
    FontWeight=‘normal‘;  //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("<a href=‘"+Url+"‘ target=‘"+target+"‘>"
    +"<div style=‘position:relative;"
    +"width:"+Width+"px;height:"+FontSize+"px;"
    +"border-width:"+BorderDepth+"px;"
    +"border-color:"+BackGround+";"
    +"border-style:solid;"
    +"padding:"+FontSize/4.5+"pt;"
    +"background:"+BackGround+";"
    +"font-family:"+Font+";"
    +"font-size:"+FontSize+"pt;"
    +"line-height:"+FontSize*1.2+"pt;"
    +"font-weight:"+FontWeight+";"
    +"text-align:left;"
    +"color:"+AFontColor+";"
    +"margin-top:2px;"
    +"cursor:hand‘"
    +"onMouseOver=‘javascript:On(this)‘"
    +"onMouseOut=‘javascript:Off(this)‘"
    +"onMouseDown=‘javascript:Down(this)‘>"
    +Txt+"</div></a>");
    }
    }
    function Temp(){
    alert("TEST");
    }
    //-->
    </SCRIPT>
    <!-- End Menu Buttons Part:1 --><!-- Menu Buttons Part:2 Paste in Body where needed -->
    <SCRIPT language=JavaScript>
    <!--
    if (!document.layers){
    if (document.getElementById&&!document.all){
    document.write("<div style=‘position:relative‘>"
    +"<table border=‘0‘ cellpadding=‘0‘ cellspacing=‘0‘>"
    +"<tr><td valign=‘top‘>");
    }
    Link(‘http://www.baidu.com‘,‘百度一下‘,‘_blank‘);
    Link(‘http://www.yahoo.com‘,‘Yahoo‘,‘_blank‘);
    Link(‘http://www.google.com‘,‘Google‘,‘_blank‘);
    Link(‘http://www.jxztbz.net/‘,‘纸筒‘,‘_blank‘);
    Link(‘http://www.163.com‘,‘网易‘,‘main‘);
    if (document.getElementById&&!document.all){
    document.write("</td></tr></table></div>");
    }
    }
    //-->
    </SCRIPT>
    </BODY>
    </HTML>
    <br><br><hr>
    
时间: 2024-10-07 19:20:29

用JS代码修饰出来的有立体感的按钮式竖向文字菜单的相关文章

js代码中的闭包

作为一个后台开发人员了解前端非常重要,尤其是深处学校实验室做项目时前端把写好的代码直接给你,然后你在修改的时候.我经常做的就是修改前端的代码的HTML和后台交互的部分以及js的ajax部分,之后修改之后也会遇到很多问题,所以只能自己继续修改前端,学习了前端的不少知识. js的闭包是一个很重要的概念,在编写js代码中经常会被用到的,也是js的特色以及难点. 知道闭包首先得知道js的变量和作用域. 在js中变量不向C/C++/Java中那样,得先定义在使用,js中可以直接使用变量,比如: 1 n=1

20行js代码制作网页刮刮乐

分享一段用canvas和JS制作刮刮乐的代码,JS部分去掉注释不到20行代码效果如下 盖伦.jpg 刮刮乐.gif HTML部分 <body> ![](img/gailun.jpg) <canvas id="canvas" width="400" height="300"></canvas> </body> 没什么要特别注意的为了效果加了些CSS样式 CSS部分 <style type=&qu

如何才能优雅地书写JS代码

第一:关于匿名函数的使用 要避免全局变量泛滥, 可以考虑使用匿名函数, 把不需要在外部访问的变量或者函数限制在一个比较小的范围内. 例如以下代码: <script> function func1(){ var list = ["a", "b", "c"]; for(var i = 0; i < list.length; i++){ //.. }; } func1(); // 自动运行 </script> 上述代码的作

ReactMix框架,让你实现一套js代码,基于ReactNative在H5,App都能完美跑起来,Write Once,Run Anywhere

ReactNative框架推出已经有一段时间了,相信很多小伙伴都在尝试实现Write Once, Run Anywhere的梦想,比如淘宝的ReactWeb等等,但是这些框架都局限于因为ReactNative本省的局限性,比如不支持CSS,不支持DOM操作,不支持选择器等等,而没有办法实现Js代码的全平台统一,现在通过全新的ReactMix框架,你可以让你的代码不仅可以在ReactNative上跑起来,实现安卓和iOS代码的统一,而且同样一份代码也可以在PC,H5上跑起来,到底有多神气?让我们来

JS 代码调试经验总结(菜鸟必读)

前言:不知不觉写了很多,希望你能耐心看完这篇文章 任何一个编程者都少不了要去调试代码,不管你是高手还是菜鸟,调试程序都是一项必不可少的工作.一般来说调试程序是在编写代码之后或测试期修改Bug 时进行的,往往在调试代码期间更加能够体现出编程者的水平高低以及分析问题的准确度.不少初学者在寻找错误原因时,总是不得要领,花费了大量时间却无法解决一些最终证明是相当简单的Bug. 在长期解答 zTree 相关问题时,也的确发现很多的问题其实不算什么问题,仅仅是编程者不会调试造成的,通过自己日常工作观察,这里

鼠标选择文字事件js代码,增加层问题

在页面中增加一个js代码,当用户用鼠标选择文字(鼠标拖动涂蓝文字)时,会出现一个层,提示与这个选择文字有个的信息<script type="text/javascript">document.onmouseup = document.ondbclick= function(){ var txt; if(document.selection){  txt = document.selection.createRange().text }else{  txt = window.

node js 修改js代码自动发布到服务器

重新修改js代码后,不需要手动重启服务.需要安装supervisor 工具替代手工. 在联网的前提下在cmd中输入npm install supervisor -g 命令行会自动安装supervisor 工具 然后启动服务时就不用node  XXX.js  使用supervisor XXX.js后 修改js后不再需要手动重启node服务,supervisor 会自动发布最新修改的代码.

如何撤销浏览器注入JS代码的执行效果?

如何撤销浏览器注入JS代码的执行效果? 可用的方法: 放弃所有本地修改,整体重新reload当前的URL(这相当于大粒度的savepoint/snapshot,应确保用户数据/视图状态能够按期望恢复) 内核实现immutable的DOM树,对DOM树的每个修改均产生一个新的版本快照,修改可以直接回退,比如提供一个document.revertTo方法 immutable数据结构上实现MVCC事务,事务本身的执行是原子的,但是并没有考虑用户如何手工反转事务 实现细粒度的对应每个业务逻辑层次写操作的

一行JS代码屏蔽一个网站的访问

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ