📄 background.html
字号:
<HEAD>
<TITLE>Netprog JavaScript Demos - User Selectable Background</TITLE>
<STYLE>
TD {font-size:12pt; font-weight:bold; color: black}
A { color: black }
</STYLE>
<SCRIPT LANGUAGE=JavaScript>
<!--
function newbg_color(color) {
stop_annoying_me();
document.bgColor = color;
}
// This one cycles through colors (Really annoying!)
var annoy=0;
var cnt=0;
function cycle () {
annoy=1;
annoy_me();
}
function stop_annoying_me() {
annoy=0;
}
var colors = new Array("red", "blue", "white", "green", "yellow", "purple");
function annoy_me( ) {
if (annoy==1) {
document.bgColor = colors[cnt];
cnt++;
if (cnt==colors.length) {
cnt=0;
}
setTimeout("annoy_me()",500);
}
}
// -->
</SCRIPT>
</HEAD>
<BODY BGCOLOR=YELLOW ALINKCOLOR=#000000 VLINKCOLOR=BLACK LINKCOLOR=BLACK>
<HTML>
<CENTER>
<TABLE><TR><TD><IMAGE SRC=eat.gif></TD>
<TD WIDTH=100> </TD>
<TD><IMAGE SRC=eat.gif></TD>
<TD WIDTH=100> </TD>
<TD><IMAGE SRC=eat.gif></TD>
<TD WIDTH=100> </TD>
<TD><IMAGE SRC=eat.gif></TD>
</TR>
</TABLE>
<CENTER>
<P>
<H2>Select your favorite background color:</H2>
<TABLE BGCOLOR=BLACK CELLSPACING=0 CELLPADDING=0>
<TR>
<TD>
<TABLE BORDER=1 BGCOLOR=RED><TR>
<TD><A HREF=foo onClick="newbg_color('red'); return(false);">RED</A></TD>
</TR></TABLE>
</TD>
<TD>
<TABLE BORDER=1 BGCOLOR=BLUE><TR>
<TD><A HREF=foo onClick="newbg_color('blue');return(false);">BLUE</A></TD>
</TR></TABLE>
</TD>
<TD>
<TABLE BORDER=1 BGCOLOR=WHITE><TR>
<TD><A HREF=foo onClick="newbg_color('white');return(false);">WHITE</A></TD>
</TR></TABLE>
</TD>
<TD>
<TABLE BORDER=1 BGCOLOR=GREEN><TR>
<TD><A HREF=foo onClick="newbg_color('green'); return(false);">GREEN</A></TD>
</TR></TABLE>
</TD>
<TD>
<TABLE BORDER=1 BGCOLOR=YELLOW><TR>
<TD><A HREF=foo onClick="newbg_color('yellow'); return(false);">YELLOW</A></TD>
</TR></TABLE>
</TD>
<TD>
<TABLE BORDER=1 BGCOLOR=PURPLE><TR>
<TD><A HREF=foo onClick="newbg_color('purple'); return(false);">PURPLE</A></TD>
</TR></TABLE>
</TD>
<TD>
<TABLE BORDER=1 BGCOLOR=GRAY><TR>
<TD><A HREF=foo onClick="cycle(); return(false);">ANNOY ME</A></TD>
</TR></TABLE>
</TD>
</TR></TABLE>
<HR>
</HTML>
</BODY>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -