函数名称写错了，点击时调用change(),函数名写成了chang()
在样式表里每一句都要用分号（;）隔开，在wordstyle1，wordstyle2，wordstyle3的所有样式后面都加分号
改正后是这样的：
<html>
<head>
<style type=text/css>
.wordstyle1{
font-family:fantasy
font-size:20pt
font-weight:500
font-variant:normal
font-style:italic
color:blue
background-color:yellow
}
.wordstyle2{
font-family:verdana;
font-size:26pt;
font-weight:700;
font-variant:small-caps;
font-style:normal;
color:white;
background-color:blue;
}
.wordstyle3{
font-family:cursive;
font-size:32pt;
font-weight:900;
font-variant:small-caps;
font-style:bold;
color:yellow;
background-color:green;
}
</style>
<script language=JScript>
var n,i=0
function change () {
i=i+1
n=i%3
if(n==1) id1.className=wordstyle1
else if (n==2) id1.className=wordstyle2
else id1.className=wordstyle3
}
</script>
</head>
<body>
<p id=id1class=wordstyle3>
Here are three word style<br>
Please click the buttom to see the change.
</p>
<input type=button value=change onclick=change ( )>
</body>
</html>
怎样在网页设计中，在图片上添加文字
可以用PHOTOSHOP来实现 如果你用的是DREAMWEAVER8的话最好用FIREWORK好一些。 先打开图片，然后在点击工具栏的 A 按钮就可以在图片上添加你想要的文字了 不会连这种操作都看不懂吧~！
网页设计文字偏移如何解决
浏览器不兼容。专业网页设计从来不提倡用table布局，因为各个浏览器对某些样式的支持百标准都不同。不过用table比较容易控制，如果需要对应你上面的导航栏，那也要必须把导航栏的内容放进table里，度否则网页是无法智能的对齐的，就算在你的浏览器对齐了，在别人的显示器大小不同的情况下又会这样的了，所以必须要把导航和你的内容放在同一个table中
<table>
<tr>
<td>简介</td>
<td>历史沿革</td>
<td>地理环境内</td>
<td>资源</td>
<td>经济</td>
<td>文化艺术</td>
<td>旅游</td>
<td>名人</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> ...... </td> <!这样就对齐了>
</tr>
<table>
上面代码，考虑到每个浏览器对样子支持的标准有些差异，对于<td>标签里的内容用“ ”这个空字符来占用空间大小，一面有些浏览器会默认<td>为空内容时，后面的省略号会往前面移动占去一行。容
等你上手后，再考虑不要用<table>来设计网页吧