>

html110

- 编辑:乐百家599手机首页 -

html110

关于小编:dcscodelife

乐百家前段 1

简要介绍还未有赶趟写 :卡塔尔 个人主页 · 小编的篇章 · 10 ·  

乐百家前段 2

// term UI

<!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>

var hex = new Array(6)

DHTML 动态超文本标志语言

就在大家具有了剔除链接下划线的本事后,大家决定把它和三个无敌成效结合起来,那么些效应正是在页面加载的时候弹出一个新闻框 alert("Welcome to my website!")。组合 CSS 和 JavaScript 的两端力量,大家收获了贰个技巧怪兽:DHTML。

DHTML,表示“布满式 HTML”,那是网页开垦工具的最高成就。它将忍受住时间的核准,它能够使我们完毕广大效用,举例雪花从页面顶上部分飘落下来,大概创制可折叠的菜单,动态的图片地图,又可能除了采用语义标签 <div>,大家还是能自定义 <marquee> 标签。

DHTML 协助 Web 开荒从业余爱好发展到贰个成熟的规范领域。相同 Dynamic Drive 那样的网址让你能够唯有通过复制粘贴二个 50 行的代码块,就足以解决任何难点,而没有供给团结再思虑改善的缓和办法。实际上, DHTML 正是拾分时代的 Instagram Bootstrap 框架。

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

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

那是截图

1×1.gif

1×1.gif 相应获得宏大的格莱美大奖。只怕普利策音信奖。或许相似七年级体育课上发表的最好提升奖。除了链式链表,它是Computer科学史上最要紧的达成。它不是大家应得的前景,而是大家供给的现在(直到盒子模型透顶替代了它卡塔 尔(阿拉伯语:قطر‎。

只要你还未素不相识大家的 1×1.gif 小把戏,请看下边:

乐百家前段 3

你能看出它呢,让大家加大学一年级些:

乐百家前段 4

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; 就得到五美分,作者就能有丰硕的钱支付来自美利坚合众国在线的每月超额支出账单了。

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


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

唯有 90 时期的 Web 开垦者才记得那些

2016/04/26 · 根底手艺 · 2 评论 · WEB

本文由 伯乐在线 - dcscodelife 翻译,艾凌风 校稿。未经许可,禁绝转发!
韩文出处:holman。应接参与翻译组。

你早就强行把 <blink> 标签放入<marquee> 标签吗?近来Pique斯动漫职业室拿到了独具荣誉,但是在 90 时期那些做法规是Computer动漫的赫赫创举。通过整合二种标签,你变成了八个前任。三个新意Infiniti的人。多个令全体人都崇拜的人。

在 90 时代,你曾经是二个网页开拓者。

在马上,你精通本人是叁个精美的人物。伴随你而来的是十二万分一大波的技革,从这时候先导,大家还未有来得及做出喜好,本领就已经起来复制开来了。

让我们先放下 jQuery,抛开非关系型数据库不谈:我们有更首要的业务要斟酌。

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
}

<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" BOXC60DE瑞虎="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;
 }

您大概感兴趣的随笔:

  • JS完成不难面向对象的颜料选拔器实例
  • js完毕的轻松radio背景颜色选拔器代码
  • javascript落到实处基于3原色制作颜色选拔器的章程
  • js达成可收获不一样颜色值的水彩选取器实例
  • JS完结让访谈者自助选取网页文字颜色的法子
  • JS小成效(button选拔颜色)简单实例
  • JavaScript得到系统自带的水彩接纳器功用(图卡塔 尔(阿拉伯语:قطر‎
  • 5款Javascript颜色接受器
  • js 颜色接收器(包容firefox卡塔 尔(阿拉伯语:قطر‎
  • js颜色选用器代码[firefox不支持]
  • js 颜色接受插件

点下划线,边界效应

在 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 的内嵌样式。这一个样式使您的鼠标滑过链接时,删除链接的下划线况且链接的文字变黑。自此,交互作用式网址诞生了。

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

复制代码 代码如下:

按钮

自个儿百依百顺公众之所以讨厌IE浏览器,都以因为IE浏览器扬弃了那时候这种最纯粹的表率

IE 4.0 是浏览器的通盘变身。它抱有动态桌面。具备通道 Channels。对,便是宏大的坦途,那是最酷的技能,早先平素未有在市面上被使用过,一点都未有。一句话来讲,IE 4 太美观了,无论你是还是不是喜欢它,你都应该把它装到你的微管理机上。

当您归属精英团队时,你浓郁精通完美的价值,你有黄金时代种与生俱来的扼腕,你想告诉每三个你相逢的人你的主宰。你,也不过独有您有须求严正地做三个贤人的垄断(monopoly卡塔尔国。比如决定你的客商使用什么浏览器浏览你的网址。

乐百家前段 5

这几个按钮随处可遇。就好像军人衣性格很顽强在艰难险阻或巨大压力面前不屈上的绶带:向大家揭露着他们为了如今的光荣,曾经是怎么努力战役的轶闻。换句话说,无论你用哪一个编辑器(当然是 FrontPage 98卡塔尔国,无论你的 Web 服务器是何等(白痴,当然是 GeoCities卡塔尔,无论是 Web 环的哪位部分(这些开关无论怎样都将拉长你的网址排行卡塔 尔(阿拉伯语:قطر‎

本人记挂这段美好的时节。前段时间大家在 Javascript上进展抽象,在空虚之上又打开抽象。大家以至都不通晓怎样标准地拓展测算。每当想起大家怎么着走到明日这一步,都令人分外非常吃惊。

让大家骄傲地举起酒杯,帮大家叁个忙:复制一批 &nbsp; 到您的下多少个代码提交中,让您的团组织成员大惊失色吧。

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[2]='</U>';
termStyleOpen[4]='<I>';
termStyleClose[4]='</I>';
termStyleOpen[8]='<STRIKE>';
termStyleClose[8]='</STRIKE>';

乐百家前段 6

像素字体

特别时期的Computer显示屏不是一点都不小。小编的意趣是,纵然自从阴极射线管显示屏 CRT 诞生后,显示器的尺码的确不小,然则它们的分辨率不高。因而,为了丰裕利用像素,大家必得用 6 个像素点来表示任性字符。

乐百家前段 7

从字里行间咱们得以见到,当直面着那么些轻易的无法再轻便的字体,并且当发掘到这几个字体都以由像素结合的时候,Web 开辟者们会渴望成为三个漫美学家。所以你会在开发银行画面上观望那二个奇异的等距像素插图,这个开荒者的年月和金钱倘若投到那多个新上市的互连网公司会时有爆发更加多的股票总市值,实际不是浪费在装置 Photoshop 软件上。

    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源代码为:

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

利用Javascript完毕,用鼠标点击相应颜色,动态改动网页背景颜色

// UI-button repeat

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

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

本文由乐百家前段发布,转载请注明来源:html110