一、更换文章背景颜色。
1、设置显示文章的表格id为<td id=zoom>
2、插入Javascript 代码
<!--
字体大小和背景颜色控制
-->
< SCRIPT >
var obj = document.getElementById( ' zoom ' );
// 设置字体大小
function doFont(size){
obj.style.fontSize = size + ' px ' ;
}
// 设置背景色
function doColor(color){
obj.style.backgroundColor = color;
}
</ SCRIPT >
< SCRIPT >
var obj = document.getElementById( ' zoom ' );
// 设置字体大小
function doFont(size){
obj.style.fontSize = size + ' px ' ;
}
// 设置背景色
function doColor(color){
obj.style.backgroundColor = color;
}
</ SCRIPT >
3、插入图片 [ 背景颜色 ] ,将useMap 命名为 #Color。
<IMG height=14 src="/color.gif" width=132 useMap=#color border=0>
4、为各个颜色块设置点击热点,链接设为 Javascript:doColor(对应颜色值)
<
MAP name
=color
>
< AREA shape = RECT coords = 5 , 3 , 14 , 12 href = " javascript:doColor('#F2F1D3') " >
< AREA shape = RECT coords = 5 , 3 , 14 , 12 href = " javascript:doColor('#F2F1D3') " >
<
AREA shape
=
RECT coords
=
20
,
3
,
30
,
12
href
=
"
javascript:doColor('#EADDCE')
"
>
< AREA shape = RECT coords = 36 , 2 , 46 , 11 href = " javascript:doColor('#FAD9C9') " >
< AREA shape = RECT coords = 36 , 2 , 46 , 11 href = " javascript:doColor('#FAD9C9') " >
<
AREA shape
=
RECT coords
=
53
,
3
,
63
,
12
href
=
"
javascript:doColor('#E6F1CD')
"
>
< AREA shape = RECT coords = 69 , 2 , 79 , 11 href = " javascript:doColor('#CCF1F2') " >
< AREA shape = RECT coords = 69 , 2 , 79 , 11 href = " javascript:doColor('#CCF1F2') " >
<
AREA shape
=
RECT coords
=
85
,
3
,
95
,
13
href
=
"
javascript:doColor('#DAD5F4')
"
>
< AREA shape = RECT coords = 102 , 2 , 112 , 12 href = " javascript:doColor('#DFE0E4') " >
< AREA shape = RECT coords = 102 , 2 , 112 , 12 href = " javascript:doColor('#DFE0E4') " >
<
AREA shape
=
RECT coords
=
117
,
3
,
128
,
14
href
=
"
javascript:doColor('#FAF7F4')
"
>
</ MAP >
</ MAP >
二、更换文章字体大小。
2、插入Javascript 代码。见(一、2)
2、将链接设置为 Javascript:doFont(字号大小)
字号 [
<
A
href
="javascript:doFont(16)"
>
大
</
A
>
< A href ="javascript:doFont(14)" > 中 </ A >
< A href ="javascript:doFont(12)" > 小 </ A > ]
< A href ="javascript:doFont(14)" > 中 </ A >
< A href ="javascript:doFont(12)" > 小 </ A > ]
好了。