您的位置:新葡亰496net > 新葡亰官网 > 尽然有js写的操作系统,开拓者才记得那一个

尽然有js写的操作系统,开拓者才记得那一个

发布时间:2019-06-15 20:29编辑:新葡亰官网浏览(87)

    唯有 90 时期的 Web 开采者才记得这一个

    2016/04/26 · 基本功技艺 · 2 评论 · WEB

    本文由 伯乐在线 - dcscodelife 翻译,艾凌风 校稿。未经许可,禁止转发!
    英文出处:holman。接待到场翻译组。

    您早就强行把 <blink> 标签放入 <marquee> 标签呢?近期Pique斯动画工作室得到了独具荣誉,不过在 90 时代这几个做法则是Computer动画的伟大创举。通过整合两种标签,你成为了一个前任。一个新意无限的人。贰个令全体人都崇拜的人。

    在 90 时代,你曾经是一个网页开荒者。

    在当下,你知道本身是四个地道的人物。伴随你而来的是不过大批量的技艺立异,从那时候起初,大家还没赶趟做出喜好,技巧就早已早先复制开来了。

    让我们先放下 jQuery,抛开非关系型数据库不谈:大家有更重要的工作要研商。

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ";
    <html xmlns=";
    <HEAD>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <TITLE>『{$Think.config.web_name}管理平台』By ThinkPHP {$Think.version}</TITLE>
    <load  file="../Public/css/{$Think.config.web_css_style|getDefaultStyle}.css" />
    <style>
    html{overflow-x : hidden;}
    </style>
    <base target="main" />
    </HEAD>

    采纳Javascript实现,用鼠标点击相应颜色,动态改换网页背景颜色

    利用Javascript实现,用鼠标点击相应颜色,动态退换网页背景颜色

    1×1.gif

    1×1.gif 应该取得巨大的格莱美大奖。只怕普利策音信奖。或然类似三年级体育课上宣布的一级提高奖。除了链式链表,它是计算机科学史上最重大的做到。它不是我们应得的前途,而是我们必要的前景(直到盒子模型通透到底代替了它)。

    设若您还没不纯熟大家的 1×1.gif 小把戏,请看下边:

    新葡亰496net 1

    你能看到它吧,让我们加大学一年级些:

    新葡亰496net 2

    The 1×1.gif

    这一个 1×1.gif – 要么 spacer.gif,也许 transparent.gif – 仅仅是三个长度宽度皆以二个像素的晶莹 GIF 图像。

    JavaScript

    <IMG SRC="/1x1.gif" WIDTH=150 HEIGHT=250>

    1
    <IMG SRC="/1x1.gif" WIDTH=150 HEIGHT=250>

    通过上面的代码,你可以把元素放置在页面包车型地铁别的岗位上。

    JavaScript

    <TABLE> <TR> <TD><IMG SRC="1x1.gif" WIDTH=300> <TD><FONT SIZE=42>Hello welcome to my <MARQUEE>Internet Web Home</MARQUEE></FONT> </TR> <TR> <TD BGCOLOR=RED><IMG SRC="/cgi/webcounter.cgi"> </TR> </TABLE>

    1
    2
    3
    4
    5
    6
    7
    8
    9
    <TABLE>
      <TR>
        <TD><IMG SRC="1x1.gif" WIDTH=300>
        <TD><FONT SIZE=42>Hello welcome to my <MARQUEE>Internet Web Home</MARQUEE></FONT>
      </TR>
      <TR>
        <TD BGCOLOR=RED><IMG SRC="/cgi/webcounter.cgi">
      </TR>
    </TABLE>

    1×1.gif 令你稳操胜算地在页面包车型地铁任何位放置成分。直到后天停止,它依然是唯一的垂直居否月素的艺术。

    JavaScript

              

    1
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

    图片对于你来讲是否太高端了?《HTML For Dummies》是还是不是截止第四章才介绍 <IMG> 标签?今后好了,你是幸好的:&nbsp; 标签来了!

    您能够对本人说,“小编驾驭全部 HTML 实体编码。这么些弱不禁风的美男子来那边干嘛的?”

    听着,作者亲如手足的聪明的可喜的读者朋友,那是二个现行反革命的年青人未有予以丰硕珍视的换代:不断重复 &nbsp;。很像 1×1.gif 的小把戏,你能随便地扩张 &nbsp; 并用在别的你需求的地点:

    JavaScript

    PLEASE SIGN <BR>       MY GUESTBOOK BELOW: <HR><HR>

    1
    2
    3
    PLEASE SIGN  <BR>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;MY GUESTBOOK BELOW:
    <HR><HR>

    在 90 时代,如果本人每写下二个 &nbsp; 就获取五美分,笔者就会有丰硕的钱支付来自U.S.在线的每月超额支出账单了。

    // JS/UIX v0.44
    // (c) mass:werk (N.Landsteiner) 2003
    // all rights reserved

    <body >
    <div id="menu" >
    <TABLE cellpadding=0 cellspacing=0 >
    <tr>
     <td height='5' colspan=7 ></td>
    </tr>
    <TR >
     <th ><IMG S哈弗C="../Public/images/home.gif" WIDTH="16" HEIGHT="16" BO奥德赛DEMurano="0" ALT="" align="absmiddle"> <present name="Think.get.title"> {$Think.get.title}</present><notpresent name="Think.get.title">后台首页</notpresent> </th>
    </TR>
    <iterate id="item" name="menu" >
    <eq name="item['group_id']" value="$menuTag">
    <eq name="item['access']" value="1" >
    <TR >
     <TD><div ><IMG SRC="../Public/images/comment.gif" WIDTH="9" HEIGHT="9" BORDER="0" align="absmiddle" ALT=""> <A name']}/index/" id="{$key}">{$item['title']}</A></div></TD>
    </TR>
    </eq>
    </eq>
    </iterate>
    <tr>
     <td height='5' colspan=7 ></td>
    </tr>
    </TABLE>
    </div>
    <script language="JavaScript">
    <!--
     function refreshMainFrame(url)
     {
      parent.main.document.location = url;
     }

    那是截图

    那是截图

    点下划线,边界效应

    在 HTML 快走到她的黄金时期的尾巴时,CSS 上台了,它推动了四个剧情和体制分离的世界,从此我们也开端不停地管理灾害。

    神威地自然是用 CSS 来删除链接的下划线效果。一夜之间,整个因特网都深陷了这么些方法所拉动的泥泞之中,文本看起来像链接,链接看起来像文本。你不清楚点哪儿,不过乌黑并不曾相连多长期,因为大家申明了光标效果(你还尚未活到你的鼠标有十一个火球尾巴的时候)。

    高档技巧的利用是如此明显,乃至于大约我们全数人都从一开首就应用 CSS。笔者照旧在 两千 年的一份 index.shtml(对,正是SSI)文书档案中发觉了证据:

    JavaScript

    <style type="text/css"> <!-- a:hover {text-decoration: none; color: #000000} --> </style>

    1
    2
    3
    4
    5
    <style type="text/css">
    <!--
    a:hover {text-decoration: none; color: #000000}
    -->
    </style>

    正是它了!当然,那是 CSS 的内嵌样式。这几个样式让你的鼠标滑过链接时,删除链接的下划线并且链接的文字变黑。从此,交互式网址诞生了。

    // term gui

     if (document.getElementsByTagName("a")[0].href)
     {
    refreshMainFrame(document.getElementsByTagName("a")[0].href);  
     }
    //-->
    </script>
    </body>
    </html>

    新葡亰496net 3

    新葡亰496net 4

    DHTML 动态超文本标志语言

    就在我们富有了除去链接下划线的技术后,大家决定把它和一个精锐功能整合起来,这么些效果正是在页面加载的时候弹出一个消息框 alert("Welcome to my website!")。组合 CSS 和 JavaScript 的两端力量,大家赢得了三个才能怪兽:DHTML。

    DHTML,表示“遍布式 HTML”,那是网页开垦工具的万丈成就。它将经受住时间的考验,它可以使大家贯彻无数效益,举个例子雪花从页面最上端飘落下来,或许创建可折叠的菜谱,动态的图样地图,又或许除了利用语义标签 <div>,我们还是能够自定义 <marquee> 标签。

    DHTML 帮忙 Web 开荒从业余爱好发展到叁个成熟的正儿八经领域。类似 Dynamic Drive 那样的网址让你能够惟有经过复制粘贴三个 50 行的代码块,就足以缓和其余难题,而没有需求和睦再考虑改进的消除办法。实际上, DHTML 就是非常时期的 照片墙 Bootstrap 框架。

    var conf_term_x=102;
    var conf_term_y=34;
    var conf_kbd_offset=34;
    var termImgPath='jsuix_support/';
    var termDiv='termDiv';
    var termBgColor='#181818';
    var termFrameColor='#555555';
    var termPageColor='#222222';
    var conf_repeat_delay1=320;
    var conf_repeat_delay2=170;


    对应的Javascript源代码为:

    对应的Javascript源代码为:

    像素字体

    极其时代的Computer屏幕不是十分的大。小编的情趣是,即使自从阴极射线管显示屏 CRT 诞生后,显示屏的尺码的确极大,不过它们的分辨率不高。由此,为了丰裕利用像素,我们必须用 6 个像素点来代表任性字符。

    新葡亰496net 5

    从字里行间咱们得以看来,当面临着那个轻松的无法再轻便的字体,并且当开采到那个字体都以由像素结合的时候,Web 开荒者们会渴望成为四个漫画师。所以您会在开发银行画面上观望那些古怪的等距像素插图,那几个开辟者的命宫和金钱如若投到这个新上市的网络公司会发生更加的多的价值,而不是荒废在装置 Photoshop 软件上。

    var termKbdDiv='termKbdDiv';
    var termKbdBgColor='#222222';
    var keycapspath='jsuix_support/keycaps/';

    复制代码 代码如下:

    复制代码 代码如下:

    按钮

    本身深信徒人据此讨厌IE浏览器,都以因为IE浏览器放弃了那时这种最纯粹的样板

    IE 4.0 是浏览器的面面俱圆化身。它富有动态桌面。具有通道 Channels。对,正是了不起的通道,这是最酷的工夫,从前一贯未有在市肆上被应用过,一点都并没有。总的来说,IE 4 太美貌了,无论你是或不是喜欢它,你都应该把它装到你的微型Computer上。

    当您属于精英团队时,你深入驾驭完美的价值,你有一种与生俱来的开心,你想告知每一个您凌驾的人你的支配。你,也只是唯有你有不能缺少严正地做贰个高大的决定。比如决定你的客户选择什么浏览器浏览你的网址。

    新葡亰496net 6

    那么些开关历历可知。仿佛军人服装上的绶带:向芸芸众生揭橥着她们为了前段时间的端庄,曾经是什么样努力大战的传说。换句话说,无论你用哪三个编辑器(当然是 FrontPage 98),无论你的 Web 服务器是怎么(傻瓜,当然是 吉优Cities),无论是 Web 环的哪些部分(这么些开关无论怎么着都将巩固你的网址排行)

    自作者牵挂这段美好的时刻。近来大家在 Javascript上进展抽象,在虚幻之上又张开抽象。大家依旧都不知底怎么样标准地拓展测算。每当想起我们怎么着走到今天这一步,都让人万分震动。

    让大家自豪地举起酒杯,帮大家三个忙:复制一群 &nbsp; 到你的下二个代码提交中,让您的共青团和少先队成员惊诧十二分吧。

    1 赞 收藏 2 评论

    var termSubDivs=false;
    var termLayers=false;
    var termDocNS4=null;
    var termStringStart='';
    var termStringEnd='';

    var hex = new Array(6)

    var hex = new Array(6)

    至于笔者:dcscodelife

    新葡亰496net 7

    简单介绍还没赶趟写 :) 个人主页 · 笔者的篇章 · 10 ·  

    新葡亰496net 8

    var termKbdDocNS4=null;
    var termKbdOn=false;
    var keycapsShift=false;
    var keycapsCpslk=false;
    var keycapsShiftRef=new Array();
    var keycapsCpslkRef=new Array();

    hex[0] = "FF"
    hex[1] = "CC"
    hex[2] = "99"
    hex[3] = "66"
    hex[4] = "33"
    hex[5] = "00"
    function display(triplet) {
    document.bgColor = '#' triplet
    }
    function drawCell(red, green, blue) {
    document.write('<TD BGCOLOR="#' red green blue '">')
    document.write('<A HREF="javascript:display('' (red green blue) '')">')
    document.write('<IMG SRC="place.gif" BORDER=0 HEIGHT=12 WIDTH=12>')
    document.write('</A>')
    document.write('</TD>')
    }
    function drawRow(red, blue) {
    document.write('<TR>')
    for (var i = 0; i < 6; i) {
    drawCell(red, hex[i], blue)
    }
    document.write('</TR>')
    }
    function drawTable(blue) {
    document.write('<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0>')
    for (var i = 0; i < 6; i) {
    drawRow(hex[i], blue)
    }
    document.write('</TABLE>') 
    }
    function drawCube() {
    document.write('<TABLE CELLPADDING=5 CELLSPACING=0 BORDER=1><TR>')
    for (var i = 0; i < 6; i) {
    document.write('<TD BGCOLOR="#FFFFFF">')
    drawTable(hex[i])
    document.write('</TD>')
    }
    document.write('</TR></TABLE>')
    }
    drawCube()

    hex[0] = "FF"
    hex[1] = "CC"
    hex[2] = "99"
    hex[3] = "66"
    hex[4] = "33"
    hex[5] = "00"
    function display(triplet) {
    document.bgColor = '#' triplet
    尽然有js写的操作系统,开拓者才记得那一个。}
    function drawCell(red, green, blue) {
    document.write('<TD BGCOLOR="#' red green blue '">')
    document.write('<A HREF="javascript:display('' (red green blue) '')">')
    document.write('<IMG SRC="place.gif" BORDER=0 HEIGHT=12 WIDTH=12>')
    document.write('</A>')
    document.write('</TD>')
    }
    function drawRow(red, blue) {
    document.write('<TR>')
    for (var i = 0; i < 6; i) {
    drawCell(red, hex[i], blue)
    }
    document.write('</TR>')
    }
    function drawTable(blue) {
    document.write('<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0>')
    for (var i = 0; i < 6; i) {
    drawRow(hex[i], blue)
    }
    document.write('</TABLE>') 
    }
    function drawCube() {
    document.write('<TABLE CELLPADDING=5 CELLSPACING=0 BORDER=1><TR>')
    for (var i = 0; i < 6; i) {
    document.write('<TD BGCOLOR="#FFFFFF">')
    drawTable(hex[i])
    document.write('</TD>')
    }
    document.write('</TR></TABLE>')
    }
    drawCube()

    var termSpecials=new Array();
    termSpecials[0]=' ';
    termSpecials[1]='$';
    termSpecials[2]=' ';
    termSpecials[3]='?';
    termSpecials[4]='#';
    termSpecials[32]=' ';
    termSpecials[34]='"';
    termSpecials[38]='&';
    termSpecials[60]='<';
    termSpecials[62]='>';
    termSpecials[127]='◊';

    这是截图 相应的Javascript源代码为: 复制代码 代码如下: var hex = new Array...

    你只怕感兴趣的篇章:

    • JS达成轻巧面向对象的颜料选取器实例
    • js实现的简单radio背景颜色接纳器代码
    • javascript兑现基于3原色制作颜色选用器的点子
    • js完毕可获得分裂颜色值的水彩选拔器实例
    • JS达成让访问者自辅助选举取网页文字颜色的不二诀要
    • JS小效率(button选拔颜色)轻易实例
    • JavaScript得到系统自带的颜色接纳器功用(图)
    • 5款Javascript颜色选择器
    • js 颜色采用器(包容firefox)
    • js颜色选拔器代码[firefox不支持]
    • js 颜色选用插件

    var termStyles=new Array(1,2,4,8);
    var termStyleOpen=new Array();
    var termStyleClose=new Array();
    termStyleOpen[1]='<SPAN CLASS="termReverse">';
    termStyleClose[1]='</SPAN>';
    termStyleOpen[2]='<U>';
    termStyleClose[2]='</U>';
    termStyleOpen[4]='<I>';
    termStyleClose[4]='</I>';
    termStyleOpen[8]='<STRIKE>';
    termStyleClose[8]='</STRIKE>';

    // buttons UI

    var termImgNames=new Array('left_lo', 'left_hi', 'right_lo', 'right_hi', 'delete_lo', 'delete_hi', 'esc_lo', 'esc_hi', 'kbd_show_lo', 'kbd_show_hi', 'kbd_hide_lo', 'kbd_hide_hi');
    var termImages=new Array();

    function termImgPreload(path,imgnames) {
        for (var i=0; i<imgnames.length; i ) {
            var n=imgnames[i];
            termImages[n]=new Image();
            termImages[n].src=path n '.gif'
        }
    }

    if (document.images) termImgPreload(termImgPath,termImgNames);

    function termSetImg(n,v) {
        if (document.images) {
            var img=(termLayers)? termDocNS4.images['term_' n] : document.images['term_' n];
            var stat=(v)? '_hi' : '_lo';
            img.src=termImages[n stat].src
        }
    }

    // UI keyboard
    // key maps (200=left shift, 202=right shift, 204=CpsLock)

    var termKeyMap= [
        [96,49,50,51,52,53,54,55,56,57,48,45,61,8],
        [27,113,119,101,114,116,121,117,105,111,112,91,93,13],
        [204,97,115,100,102,103,104,106,107,108,59,39,35],
        [200,92,122,120,99,118,98,110,109,44,46,47,30,202],
        [32,28,31,29]
    ];
    var termKeyMapShift=[
        [126,33,34,35,36,37,94,38,42,40,41,95,43,8],
        [27,81,87,69,82,84,89,85,73,79,80,123,125,13],
        [204,65,83,68,70,71,72,74,75,76,58,34,64],
        [200,124,90,88,67,86,66,78,77,60,62,63,30,202],
        [32,28,31,29]
    ];
    var termKeyMapCpslk=[
        [96,49,50,51,52,53,54,55,56,57,48,45,61,8],
        [27,81,87,69,82,84,89,85,73,79,80,91,93,13],
        [204,65,83,68,70,71,72,74,75,76,59,39,35],
        [200,92,90,88,67,86,66,78,77,44,46,47,30,202],
        [32,28,31,29]
    ];
    var termKeyWdth=[
        [35,35,35,35,35,35,35,35,35,35,35,35,35,69],
        [55,35,35,35,35,35,35,35,35,35,35,35,35,0],
        [65,35,35,35,35,35,35,35,35,35,35,35,35],
        [49,35,35,35,35,35,35,35,35,35,35,35,35,54],
        [252,35,35,35]
    ];

    var keycapsImgNames=new Array(200,201,202,203,204,205);

    function termKeyCaps(k) {
        if ((k<28) && (k>=32) && (repeatTimer)) clearTimeout(repeatTimer);
        if (k==204) {
            keycapsCpslk=(!keycapsCpslk);
            var cnr=(keycapsCpslk)? 205:204;
            termKbdSetImg(204,cnr)
        }
        else if ((k==200) || (k==202)) {
            keycapsShift=(!keycapsShift);
            var m=(keycapsShift)? 1:0;
            termKbdSetImg(200,200 m);
            termKbdSetImg(202,202 m)
        }
        else {
            var ch=0;
            if (keycapsShift) {
                ch=keycapsShiftRef[k]
                keycapsShift=false;
                termKbdSetImg(200,200);
                termKbdSetImg(202,202)
            }
            else if (keycapsCpslk) ch=keycapsCpslkRef[k]
            else ch=k;
            keyHandler({which:ch,jsuix_remapped:true})
        }
    }

    function termKbdSetImg(n,v) {
        if (document.images) {
            var img=(termLayers)? termKbdDocNS4.images['key' n] : document.images['key' n];
            img.src=termImages[v].src
        }
    }

    function termSetKbdButton(v) {
        if (document.images) {
            var img=(termLayers)? termDocNS4.images.term_kbd_show : document.images.term_kbd_show;
            var n=(termKbdOn)? 'kbd_hide' : 'kbd_show';
            var stat=(v)? '_hi' : '_lo';
            img.src=termImages[n stat].src
        }
    }

    function termKbdShow() {
        if (termKbdOn) {
            setDivVisibility(termKbdDiv,0);
            termKbdOn=false;
            termSetKbdButton(0)
        }
    新葡亰496net,    else {
            termImgPreload(keycapspath,keycapsImgNames);
            keycapsShift=false;
            keycapsCpslk=false;
            var s='<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0">n';
            s ='<TR><TD WIDTH="7" BGCOLOR="' termPageColor '"><IMG SRC="' keycapspath 'spacer.gif" WIDTH="7" HEIGHT="2"></TD>n';
            s ='<TD BGCOLOR="' termPageColor '">' termMakeKbd() '</TD>n';
            s '<TD WIDTH="7" BGCOLOR="' termPageColor '"><IMG SRC="' keycapspath 'spacer.gif" WIDTH="7" HEIGHT="2"></TD><TR>n';
            s ='<TR><TD HEIGHT="10" COLSPAN="3" BGCOLOR="' termPageColor '"><IMG SRC="' keycapspath 'spacer.gif" WIDTH="2" HEIGHT="10"></TD></TR>n';
            s ='</TABLE>';
            writeElement(termKbdDiv,s);
            setDivXY(termKbdDiv,conf_term_x,conf_term_y conf_kbd_offset conf_rows*conf_rowheigt);
            if (termLayers) termKbdDocNS4=document.layers[termKbdDiv].document;
            termKbdOn=true;
            setDivVisibility(termKbdDiv,1);
            termSetKbdButton(0)
        }
    }

    function termMakeKbd() {
        var s='<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0">n';
        for (var i=0; i<termKeyMap.length; i ) {
            s ='<TR><TD NOWRAP HEIGHT="39" VALIGN="top" NOWRAP BGCOLOR="' termKbdBgColor '">';
            for (var k=0; k<termKeyMap[i].length; k ) {
                var kc=termKeyMap[i][k];
                keycapsShiftRef[kc]=termKeyMapShift[i][k];
                keycapsCpslkRef[kc]=termKeyMapCpslk[i][k];
                if (kc==13) {
                    s ='<A HREF="javas' 'cript:termKeyCaps(13)" onfocus="if(this.blur)this.blur()"><IMG SRC="' keycapspath '13_1.gif" HSPACE="0" VSPACE="0" ALIGN="top" BORDER="0" WIDTH="47" HEIGHT="39"></A>';
                    continue
                };
                if (kc==32) s ='<IMG SRC="' keycapspath 'spacer.gif" WIDTH="139" HEIGHT="35" HSPACE="1" VSPACE="1" ALIGN="top">'
                else if (kc==28) {
                    s ='<IMG SRC="' keycapspath 'spacer.gif" WIDTH="23" HEIGHT="35" HSPACE="1" VSPACE="1" ALIGN="top">';
                    s ='<A HREF="javasc' 'ript:cursorKbdLeft()" onfocus="if(this.blur)this.blur()" onmousedown="repeatSet('left',1)" onmouseup="repeatClear()"><IMG SRC="' keycapspath kc '.gif" NAME="key' kc '" HSPACE="1" VSPACE="1" ALIGN="top" BORDER="0" WIDTH="' termKeyWdth[i][k] '" HEIGHT="35"></A>';
                    continue
                }
                else if (kc==29) {
                    s ='<A HREF="javasc' 'ript:cursorKbdRight()" onfocus="if(this.blur)this.blur()" onmousedown="repeatSet('right',1)" onmouseup="repeatClear()"><IMG SRC="' keycapspath kc '.gif" NAME="key' kc '" HSPACE="1" VSPACE="1" ALIGN="top" BORDER="0" WIDTH="' termKeyWdth[i][k] '" HEIGHT="35"></A>';
                    continue
                }
                else if (kc==8) {
                    s ='<A HREF="javasc' 'ript:termKbdBackspace()" onfocus="if(this.blur)this.blur()" onmousedown="repeatSet('backspace',1)" onmouseup="repeatClear()"><IMG SRC="' keycapspath kc '.gif" NAME="key' kc '" HSPACE="1" VSPACE="1" ALIGN="top" BORDER="0" WIDTH="' termKeyWdth[i][k] '" HEIGHT="35"></A>';
                    continue
                }
                s ='<A HREF="javas' 'cript:termKeyCaps(' kc ')" onfocus="if(this.blur)this.blur()"><IMG SRC="' keycapspath kc '.gif" NAME="key' kc '" HSPACE="1" VSPACE="1" ALIGN="top" BORDER="0" WIDTH="' termKeyWdth[i][k] '" HEIGHT="35"></A>';
                if (kc==35) s ='<A HREF="javas' 'cript:termKeyCaps(13)" onfocus="if(this.blur)this.blur()"><IMG SRC="' keycapspath '13_2.gif" HSPACE="0" VSPACE="0" ALIGN="top" BORDER="0" WIDTH="37" HEIGHT="36"></A>';
            };
            s ='</TD></TR>n';
        };
        s ='</TABLE>';
        return s
    }

    // term UI

    function termHide() {
        if (repeatTimer) clearTimeout(repeatTimer);
        if (termKbdOn) termKbdShow();
        setDivVisibility(termDiv,0)
    }

    function makeTerm() {
        window.status='Building terminal ...';
        termLayers=(document.layers)? true:false;
        termSubDivs=(navigator.userAgent.indexOf('Gecko')<0);
        var s='';
        s ='<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="1">n';
        s ='<TR><TD BGCOLOR="' termFrameColor '" COLSPAN="2"><TABLE BORDER="0" CELLSPACING="0" CELLPADDING="2"><TR><TD  BGCOLOR="' termBgColor '"><TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0">n';
        var rstr='';
        for (var c=0; c<conf_cols; c ) rstr =' ';
        for (var r=0; r<conf_rows; r ) {
            var id=((termLayers) || (termSubDivs))? '' : ' ID="term_' r '"';
            s ='<TR><TD NOWRAP HEIGHT="' conf_rowheigt '"' id ' CLASS="term">' rstr '</TD></TR>n';
        };
        s ='</TABLE></TD></TR>n';
        s ='</TABLE></TD></TR>n';

        s ='<TR>n<TD VALIGN="middle" BGCOLOR="' termPageColor '"><TABLE BORDER="0" CELLSPACING="0" CELLPADDING="1"><TR>n';
        s ='<TD><A HREF="javasc' 'ript:termKbdShow()" onmouseover="termSetKbdButton(1); window.status='show/hide full graphic keyboard'; return true" onmouseout="termSetKbdButton(0); window.status=''; return true" onfocus="if(this.blur)this.blur()"><IMG SRC="' termImgPath 'kbd_show_lo.gif" NAME="term_kbd_show" WIDTH="73" HEIGHT="19" BORDER="0" HSPACE="5" ALT="show/hide keyboard"></A></TD></TR></TABLE></TD>n';

        s ='<TD ALIGN="right"><TABLE BORDER="0" CELLSPACING="0" CELLPADDING="1"><TR>n';
        s ='<TD><A HREF="javasc' 'ript:cursorKbdLeft()" onmouseover="termSetImg('left',1); window.status='left'; return true" onmouseout="termSetImg('left',0); window.status=''; return true" onfocus="if(this.blur)this.blur()" TITLE="cursor left" onmousedown="repeatSet('left',1)" onmouseup="repeatClear()"><IMG SRC="' termImgPath 'left_lo.gif" NAME="term_left" WIDTH="23" HEIGHT="23" ALT="cursor left" BORDER="0"></A></TD>n';
        s ='<TD><A HREF="javasc' 'ript:cursorKbdRight()" onmouseover="termSetImg('right',1); window.status='right'; return true" onmouseout="termSetImg('right',0); window.status=''; return true" onfocus="if(this.blur)this.blur()" TITLE="cursor right" onmousedown="repeatSet('right',1)" onmouseup="repeatClear()"><IMG SRC="' termImgPath 'right_lo.gif" NAME="term_right" WIDTH="23" HEIGHT="23" ALT="cursor right" BORDER="0"></A></TD>n';
        s ='<TD><A HREF="javasc' 'ript:termKbdBackspace()" onmouseover="termSetImg('delete',1); window.status='backspace'; return true" onmouseout="termSetImg('delete',0); window.status=''; return true" onfocus="if(this.blur)this.blur()" TITLE="backspace" onmousedown="repeatSet('backspace',1)" onmouseup="repeatClear()"><IMG SRC="' termImgPath 'delete_lo.gif" NAME="term_delete" WIDTH="23" HEIGHT="23" ALT="backspace" BORDER="0"></A></TD>n';
        s ='<TD><A HREF="javasc' 'ript:termKbdEsc()" onmouseover="termSetImg('esc',1); window.status='esc'; return true" onmouseout="termSetImg('esc',0); window.status=''; return true" onfocus="if(this.blur)this.blur()" TITLE="esc"><IMG SRC="' termImgPath 'esc_lo.gif" NAME="term_esc" WIDTH="23" HEIGHT="23" ALT="esc" BORDER="0"></A></TD>n';
        s ='</TR></TABLE></TD></TR>n';
        s ='</TABLE>n';
        if (termLayers) {
            for (var r=0; r<conf_rows; r ) {
                s ='<LAYER NAME="term_' r '" TOP="' (3 r*conf_rowheigt) '" LEFT="3" CLASS="term"></LAYER>n'
            };
            termDocNS4=document.layers[termDiv].document;
            termStringStart='<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0"><TR><TD NOWRAP HEIGHT="' conf_rowheigt '" CLASS="term">';
            termStringEnd='</TD></TR></TABLE>';
        }
        else if (termSubDivs) {
            for (var r=0; r<conf_rows; r ) {
                s ='<DIV ID="term_' r '" STYLE="position:absolute; top:' (3 r*conf_rowheigt) 'px; left: 3px;" CLASS="term"></DIV>n'
            };
            termStringStart='<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0"><TR><TD NOWRAP HEIGHT="' conf_rowheigt '" CLASS="term">';
            termStringEnd='</TD></TR></TABLE>';
        };
        writeElement(termDiv,s);
        setDivXY(termDiv,conf_term_x,conf_term_y);
        setDivVisibility(termDiv,1);
        window.status=''
    }

    function termDisplay(r) {
        var s=termStringStart;
        var curStyle=0;
        for (var i=0; i<conf_cols; i ) {
            var c=term[r][i];
            var cs=termStyle[r][i];
            if (cs!=curStyle) {
                if (curStyle) {
                    for (var k=termStyles.length-1; k>=0; k--) {
                        var st=termStyles[k];
                        if (curStyle&st) s =termStyleClose[st];
                    }
                };
                curStyle=cs;
                for (var k=0; k<termStyles.length; k ) {
                    var st=termStyles[k];
                    if (curStyle&st) s =termStyleOpen[st];
                }
            };
            s = (termSpecials[c])? termSpecials[c] : String.fromCharCode(c);
        };
        if (curStyle>0) {
            for (var k=termStyles.length-1; k>=0; k--) {
                var st=termStyles[k];
                if (curStyle&st) s =termStyleClose[st];
            }
        };
        s =termStringEnd;
        writeElement('term_' r,s,termDocNS4)
    }

    function termGuiReady() {
        ready=true;
        if (termGuiElementReady(termDiv, self.document)) {
            for (var r=0; r<conf_rows; r ) {
                if (termGuiElementReady('term_' r,termDocNS4)==false) {
                    ready=false;
                    break
                }
            }
        }
        else ready=false;
        return ready
    }

    function cursorKbdLeft() {
        keyHandler({which:28})
    }

    function cursorKbdRight() {
        keyHandler({which:29})
    }

    function termKbdBackspace() {
        keyHandler({which:8})
    }

    function termKbdEsc() {
        keyHandler({which:27})
    }

    function termKbdClear() {
        if ((!cnslLock) && (!cnslRawMode)) cnslReset();
    }

    // UI-button repeat

    function repeatSet(cmd,on) {
        if (repeatTimer) clearTimeout(repeatTimer);
        repeatTimer=setTimeout('repeatDo("' cmd '")',conf_repeat_delay1);
    }

    function repeatClear() {
        if (repeatTimer) clearTimeout(repeatTimer);
    }

    function repeatDo(cmd) {
        if (repeatTimer) clearTimeout(repeatTimer);
        if (cmd=='left') cursorKbdLeft()
        else if (cmd=='right') cursorKbdRight()
        else if (cmd=='backspace') termKbdBackspace();
        repeatTimer=setTimeout('repeatDo("' cmd '")',conf_repeat_delay2);
    }

    // basic dynamics

    function writeElement(e,t,d) {
        if (document.layers) {
            var doc=(d)? d : self.document;
            doc.layers[e].document.open();
            doc.layers[e].document.write(t);
            doc.layers[e].document.close()
        }
        else if (document.getElementById) {
            var obj=document.getElementById(e);
            obj.innerHTML=t
        }
        else if (document.all) {
            document.all[e].innerHTML=t
        }
    }

    function setDivXY(d,x,y) {
        if (document.layers) {
            document.layers[d].moveTo(x,y)
        }
        else if (document.getElementById) {
            var obj=document.getElementById(d);
            obj.style.left=x 'px';
            obj.style.top=y 'px'
        }
        else if (document.all) {
            document.all[d].style.left=x 'px';
            document.all[d].style.top=y 'px'
        }
    }

    function setDivVisibility(d,v) {
        if (document.layers) {
            document.layers[d].visibility= (v)? 'show':'hide';
        }
        else if (document.getElementById) {
            var obj=document.getElementById(d);
            obj.style.visibility= (v)? 'visible':'hidden';
        }
        else if (document.all) {
            document.all[d].style.visibility= (v)? 'visible':'hidden';
        }
    }

    function termGuiElementReady(e,d) {
        if (document.layers) {
            var doc=(d)? d : self.document;
            return ((doc) && (doc.layers[e]))? true:false
        }
        else if (document.getElementById) {
            return (document.getElementById(e))? true:false
        }
        else if (document.all) {
            return (document.all[e])? true:false
        }
        else return false
    }

    //eof

    您只怕感兴趣的稿子:

    • JavaScript 检测浏览器和操作系统的剧本
    • jsp 获取客户端的浏览器和操作系统消息
    • JavaScript 获取用户客户端操作系统版本
    • js下获得客户端操作系统的函数代码(1:vista,2:windows7,3:三千,4:xp,5:二〇〇〇,6:2010)
    • JavaScript高档程序设计阅读笔记(十六) javascript检查测试浏览器和操作系统-detect.js
    • 选取Javascript判别操作系统的花色实现不一致操作系统下的兼容性
    • JS获得浏览器版本和操作系统版本的例子
    • 包装好的js剖断操作系统与浏览器代码分享
    • 基于JavaScript的操作系统你据他们说过啊?

    本文由新葡亰496net发布于新葡亰官网,转载请注明出处:尽然有js写的操作系统,开拓者才记得那一个

    关键词:

上一篇:前者面试,哪个人不是一面搜索

下一篇:没有了