菜单

澳门金沙在线官网唯有 90 年代的 Web 开发者才记得那些

2019年2月9日 - 金沙前端

按钮

自家相信芸芸众生据此讨厌IE浏览器,都是因为IE浏览器屏弃了这时那种最纯粹的楷模

IE 4.0 是浏览器的完善化身。它有着动态桌面。拥有通道
Channels。对,就是高大的通道,那是最酷的技巧,之前根本不曾在市场上被应用过,一点都并未。总的来说,IE
4 太美丽了,无论你是不是喜欢它,你都应当把它装到你的电脑上。

当您属于精英团队时,你深入通晓完美的价值,你有一种与生俱来的高兴,你想告诉每一个您遭遇的人你的支配。你,也然而唯有你有必不可少严正地做一个了不起的主宰。比如决定你的客户利用什么浏览器浏览你的网站。

澳门金沙在线官网 1

这几个按钮四处可知。就好像军人衣裳上的绶带:向芸芸众生公布着她们为了方今的荣耀,曾经是什么努力战斗的故事。换句话说,无论你用哪一个编辑器(当然是
FrontPage 98),无论你的 Web 服务器是哪些(傻瓜,当然是
GeoCities),无论是 Web
环的哪些部分(那一个按钮无论怎样都将升高你的网站排行)

本身挂念那段美好的时光。近日大家在
Javascript上展开抽象,在空虚之上又拓展抽象。大家竟然都不了解什么样规范地开展测算。每当想起大家怎么着走到明天这一步,都令人不胜大吃一惊。

让大家自豪地举起酒杯,帮大家一个忙:复制一堆  
到你的下一个代码提交中,让您的团队成员大吃一惊吧。

1 赞 收藏 2
评论

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[金沙4166娱乐,2]='<\/U>’;
termStyleOpen[4]='<I>’;
termStyleClose[4]='<\/I>’;
termStyleOpen[8]='<STRIKE>’;
termStyleClose[8]='<\/STRIKE>’;

<!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源代码为: 复制代码 代码如下: var hex = new
Array…

点下划线,边界效应

在 HTML 快走到她的纯金一代的纰漏时,CSS
登场了,它带来了一个内容和样式分离的社会风气,从此我们也开头不停地拍卖患难。

首当其冲地自然是用 CSS
来删除链接的下划线效果。一夜之间,整个因特网都沦为了这几个格局所带动的泥泞之中,文本看起来像链接,链接看起来像文本。你不知晓点哪儿,不过乌黑并不曾持续多短时间,因为我们注解了光标效果(你还从未活到你的鼠标有十二个火球尾巴的时候)。

澳门金沙在线官网,高级技术的利用是如此扎眼,以至于几乎大家所有人都从一开始就应用
CSS。我竟然在 2000 年的一份 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
的内嵌样式。这一个样式使你的鼠标滑过链接时,删除链接的下划线并且链接的文字变黑。从此,交互式网站诞生了。

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})
    }
}

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

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()

像素字体

至极年代的电脑显示器不是很大。我的意味是,即便自从阴极射线管屏幕 CRT
诞生后,屏幕的尺寸的确很大,然则它们的分辨率不高。因此,为了丰硕利用像素,大家务必用
6 个像素点来表示任意字符。

澳门金沙在线官网 2

从字里行间大家得以看出,当面对着那一个简单的不可能再简单的字体,并且当发现到这一个字体都是由像素结合的时候,Web
开发者们会渴望成为一个漫美学家。所以您会在启动画面上收看那么些奇怪的等距像素插图,那么些开发者的日子和金钱假若投到那一个新上市的网络商家会暴发越多的市值,而不是荒废在安装
Photoshop 软件上。

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;

<body >
<div id=”menu” >
<TABLE cellpadding=0 cellspacing=0 >
<tr>
 <td height=’5′ colspan=7 ></td>
</tr>
<TR >
 <th ><IMG SRC=”../Public/images/home.gif” WIDTH=”16″
HEIGHT=”16″ BORDER=”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;
 }

澳门金沙在线官网 3

有关小编:dcscodelife

澳门金沙在线官网 4

简介还没赶趟写 :)
个人主页 ·
我的稿子 ·
10 ·
 

澳门金沙在线官网 5

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);
}


那是截图

唯有 90 年代的 Web 开发者才记得那些

2016/04/26 · 基础技术 ·
2 评论 ·
WEB

本文由 伯乐在线 –
dcscodelife
翻译,艾凌风
校稿。未经许可,禁止转发!
英文出处:holman。欢迎加入翻译组。

你已经强行把 <blink> 标签放入
<marquee> 标签呢?近来皮克斯动画工作室得到了拥有荣誉,可是在 90
年代这些做法则是总括机动画的巨大创举。通过结合两种标签,你变成了一个先驱。一个创意无限的人。一个令所有人都崇拜的人。

在 90 年代,你早已是一个网页开发者。

在当时,你驾驭自己是一个地道的人员。伴随你而来的是极其多量的技术立异,从那时候开始,大家还没赶趟做出喜好,技术就曾经起头复制开来了。

让大家先放下 jQuery,抛开非关系型数据库不谈:大家有更要紧的工作要琢磨。

    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’;

行使Javascript达成,用鼠标点击相应颜色,动态改变网页背景颜色

1×1.gif

1×1.gif
相应赢得巨大的格莱美大奖。或者普利策音讯奖。或者类似三年级体育课上公布的最佳进步奖。除了链式链表,它是电脑科学史上最重点的形成。它不是大家应得的前景,而是大家要求的未来(直到盒子模型彻底取代了它)。

比方你还没不熟练大家的 1×1.gif 小把戏,请看上边:

澳门金沙在线官网 6

您能来看它呢,让我们放手一些:

澳门金沙在线官网 7

The 1×1.gif

其一 1×1.gif – 或者 spacer.gif,或者 transparent.gif –
仅仅是一个长宽都是一个像素的晶莹 GIF 图像。

JavaScript

<IMG SRC=”/1×1.gif” WIDTH=150 HEIGHT=250>

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

由此地点的代码,你可以把元素放置在页面的其余地方上。

JavaScript

<TABLE> <TR> <TD><IMG SRC=”1×1.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="1×1.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;
就收获五美分,我就会有丰硕的钱支付来自美利坚同盟国在线的每月超支账单了。

//eof

var hex = new Array(6)

DHTML 动态超文本标记语言

就在大家拥有了删减链接下划线的技能后,大家决定把它和一个强大效能结合起来,这么些成效就是在页面加载的时候弹出一个音信框
alert("Welcome to my website!")。组合 CSS 和 JavaScript
的两岸力量,我们获得了一个技艺怪兽:DHTML。

DHTML,表示“分布式
HTML”,那是网页开发工具的万丈成就。它将忍受住时间的考验,它可以使我们兑现广大效果,比如雪花从页面顶部飘落下来,或者创设可折叠的菜系,动态的图形地图,又或者除了行使语义标签
<div>,大家还足以自定义 <marquee> 标签。

DHTML 协助 Web 开发从业余爱好发展到一个成熟的标准领域。类似 Dynamic
Drive 那样的网站使您可以独自经过复制粘贴一个 50
行的代码块,就可以缓解其余难点,而不必要协调再思考立异的化解方法。实际上,
DHTML 就是非凡年代的 推特(TWTR.US) Bootstrap 框架。

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

复制代码 代码如下:

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

对应的Javascript源代码为:

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

function termKbdShow() {
    if (termKbdOn) {
        setDivVisibility(termKbdDiv,0);
        termKbdOn=false;
        termSetKbdButton(0)
    }
    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)
    }
}

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

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
}

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图