具体例子可以看
550)this.style.width=550; (this.height>550)this.style.width=(this.width*550)/this.height;\">screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt=\'在新窗口浏览图像\';}\" _disibledevent=\"TEXT-ALIGN: left\">ul li a:link {background: url(localnav_btn.g) no-repeat 0px 0px;}ul li a:visited {background: url(localnav_btn.g) no-repeat 0px -69px;}ul li a:hover {background: url(localnav_btn.g) no-repeat 0px -92px;}ul li a:active {background: url(localnav_btn.g) no-repeat 0px -23px;}





这里需要注意是网页中定位都是将有上角设置为原点所以 Y 通常都是负值上面 background 也可以明确写作 background-image0px 0px 表示该样式定义原点和背景图片 0px 0px 点重合其它类似这样就运用了图片 4个区别部分来作为 4种链接状态背景图片

至此这个效果介绍基本完成需要介绍说明是我是在 Firefox 1.0 / Win 和 IE 6 / Win 下面测试没什么问题不过 IE 5 据说是很难对付款浏览器效果如何我就不知道如果出现什么问题请告诉我

还需要介绍说明是 Mozilla 和 IE 对待链接 4种状态处理是不样第个链接我写是 # IE 种默认为当前页所以处于已经访问过状态所以背景同其它 3个区别但是在 Firefox 下面却是样另外 active 状态就比较难体现出来了所以很多时候我们定义链接样式只定义两种 a 和 a:hover