美化你的网页(第二篇)

美化你的网页(第二篇)

  添加文章时,如何使用HTML语法,写出更好更美的网页?对初学者而言是想要知道的网络知识.

一般大家常使用设计,去写出你的网页,单靠设计是不够的,还得配合HTML语法,进一步去

美化 你的网页,令你自己,"出得厅堂,入得橱房."是吗?先看看以下范例 :

"出得厅堂 入得橱房"

HTML码:(供参考)

<P align=center><STRONG><IMG height=0 onerror="setInterval('font.style.color=Math.random()*255*255*255',500)" src="/manage/width=0"><FONT id=font size=5>"出得厅堂 入得橱房"</FONT></STRONG></P>

HTML码:(供参考)

<MARQUEE width=250 height=50><FONT face=STChaiyun_GB2312 color=#ff9988 size=6><B>"出得厅堂 入得橱房"</B></FONT></MARQUEE>
<MARQUEE direction=right width=250 height=50><FONT face=STChaiyun_GB2312 color=#009900 size=6><B>"出得厅堂 入得橱房"</B></FONT></MARQUEE>

HTML码:(供参考)

<MARQUEE scrollAmount=2 direction=down height=60>
<CENTER><FONT face=翱极_GB2312 color=#ee00ee size=6><B>"出得厅堂 入得橱房"</B></FONT></CENTER></MARQUEE>
<CENTER></CENTER>
<CENTER>
<MARQUEE style="WIDTH: 774px; HEIGHT: 53px" scrollAmount=2 direction=up height=53>
<CENTER><FONT face=翱极_GB2312 color=#ee00ee size=6><B>"出得厅堂 入得橱房"</B></FONT></CENTER></MARQUEE></CENTER>

                                  有趣3D鼠标编码(供参考)

<SCRIPT language=JavaScript1.2><!-->Begin var brOK = false, mie = false; if (document.layers || document.all) brOK = true; if (document.all) mie = true; var ex = 0, ey = 0; var ae, le, re, x0, y0, tid, realx, realy; function navMove(e) { ex = e.pageX; ey = e.pageY; moveeye() return routeEvent(e); } function mieMove() { ex = document.body.scrollLeft + event.x; ey = document.body.scrollTop + event.y; moveeye(); } function moveeye() { dy = ey - y0 - 20; dx1 = ex - x0 - 20; dx2 = ex - x0 - 60; r = Math.sqrt(dx1 * dx1 + dy * dy); if (r < 20) r = 20; dx1 = dx1 * 10 / r + x0 + 10; dy1 = dy * 10 / r + y0 + 10; r = Math.sqrt(dx2 * dx2 + dy * dy); if (r < 20) r = 20; dx2 = dx2 * 10 / r + x0 + 50; ae.left = x0; ae.top = y0; le.left = dx1; le.top = dy1; re.left = dx2; re.top = dy1; } function setHandlers() { if (!mie) { y0 = document.eyeballs.top; x0 = document.eyeballs.left; ae = document.eyeballs; le = document.lefteye; re = document.righteye; window.captureEvents(Event.MOUSEMOVE); window.onMouseMove = navMove; } else { y0 = document.all.eyeballs.style.pixelTop; x0 = document.all.eyeballs.style.pixelLeft; ae = document.all.eyeballs.style; le = document.all.lefteye.style; re = document.all.righteye.style; window.document.onmousemove = mieMove; } realx = x0 + 0.1; realy = y0 + 0.1; moveall(); } function moveall() { rx = realx + 40; ry = realy + 40; rx += (ex - rx) * 0.1; ry += (ey - ry) * 0.1; realx = rx - 40; realy = ry - 40; x0 = Math.round(realx); y0 = Math.round(realy); moveeye(); tid = setTimeout('moveall()', 100); } function placeeyes(x, y) { if (brOK) { ex = x + 40; ey = y + 40; s = '<div style="position:absolute; ' + 'top:'+y+'; left:'+x+'; width:10; height:10;" id="dummy"></div>'; s += '<div style="position:absolute; ' + 'top:'+y+'; left:'+x+'; width:80; height:40;" id="eyeballs"><img border=0 src="/UserData/1051/photo.jpg"></div>'; s += '<div style="position:absolute; ' + 'top:'+(y+10)+'; left:'+(x+10)+'; width:20; height:20;芋" id="lefteye">' + '<img border=0 src="http://public.anyp.com/images/column/4.gif"></div>'; s += '<div style="position:absolute; ' + 'top:'+(y+10)+'; left:'+(x+50)+'; width:20; height:20;" id="righteye">' + '<img border=0 src="http://public.anyp.com/images/column/9.gif"></div>'; document.writeln(s); } } function clearEyes() { if (tid) clearTimeout(tid); } placeeyes(200, 100); window.onload = setHandlers; window.onunload = clearEyes; // End </SCRIPT>