旧貌要换新颜：滚动条大变身
WEB编程开发常用的代码
Jun
26
很多网上网下的朋友都超喜欢渐变链接特效，纷纷询问具体的制作过程，因为网上不容易找到专门的教程，但我仍然认为功夫永远在技巧之外，技巧这种东西本来就应该大家分享的，但不见得学会了就一定会有出色的作品，FEEL很重要。OK，闲话少说，今天就专门写下这个教程，希望大家能举一反三，设计出令人耳目一新的作品。
首先，新建一个文本文档，例如取名为yourname，后缀为.htc。
在文档中写入以下内容：
<public:component>
<public:attach event="onmouseover" onevent="domouseover()">
<public:attach event="onmouseout" onevent="domouseout()">
<script language="javascript">
function domouseover(){
with(element)
{filters.item(0).Apply();filters.item(0).Play();}}
function domouseout(){
with(element){
filters.item(0).Apply();
filters.item(0).Play();}}
</script>
</public:component>
保存。
打开已经设置好超链接的网页，在<head></head>之间写入以下内容：
<style type=text/css>
<!--
a {cursor:hand; height:1; behavior: url(yourname.htc); filter:progid:dximagetransform.microsoft.gradientwipe(duration=1);text-decoration : none ; }
a:link { color : #009900 ; }
a:visited { color : #009900 ; }
a:hover { color : #ffffff ; } （此段即为鼠标划过超连接时所显示的渐变颜色代码）
a:active { color : #009900 ; }
-->
</style>
保存。大功告成。
欲浏览正确效果，请上传到自己的空间内，再用浏览器查看。没有装IIS的同学估计在本机无法看到正确效果。
首先，新建一个文本文档，例如取名为yourname，后缀为.htc。
在文档中写入以下内容：
<public:component>
<public:attach event="onmouseover" onevent="domouseover()">
<public:attach event="onmouseout" onevent="domouseout()">
<script language="javascript">
function domouseover(){
with(element)
{filters.item(0).Apply();filters.item(0).Play();}}
function domouseout(){
with(element){
filters.item(0).Apply();
filters.item(0).Play();}}
</script>
</public:component>
保存。
打开已经设置好超链接的网页，在<head></head>之间写入以下内容：
<style type=text/css>
<!--
a {cursor:hand; height:1; behavior: url(yourname.htc); filter:progid:dximagetransform.microsoft.gradientwipe(duration=1);text-decoration : none ; }
a:link { color : #009900 ; }
a:visited { color : #009900 ; }
a:hover { color : #ffffff ; } （此段即为鼠标划过超连接时所显示的渐变颜色代码）
a:active { color : #009900 ; }
-->
</style>
保存。大功告成。
欲浏览正确效果，请上传到自己的空间内，再用浏览器查看。没有装IIS的同学估计在本机无法看到正确效果。
