<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
<channel>
<title><![CDATA[静怡家园]]></title> 
<link>http://www.zhanghaijun.com/index.php</link> 
<description><![CDATA[书山有路勤为径，学海无涯苦作舟！]]></description> 
<language>zh-cn</language> 
<copyright><![CDATA[静怡家园]]></copyright>
<item>
<link>http://www.zhanghaijun.com/post//</link>
<title><![CDATA[渐变链接特效]]></title> 
<author>碟舞飞扬 &lt;webmaster@zhanghaijun.com&gt;</author>
<category><![CDATA[Web开发]]></category>
<pubDate>Sun, 25 Jun 2006 16:28:36 +0000</pubDate> 
<guid>http://www.zhanghaijun.com/post//</guid> 
<description>
<![CDATA[ 
	&nbsp;&nbsp; 很多网上网下的朋友都超喜欢渐变链接特效，纷纷询问具体的制作过程，因为网上不容易找到专门的教程，但我仍然认为功夫永远在技巧之外，技巧这种东西本来就应该大家分享的，但不见得学会了就一定会有出色的作品，FEEL很重要。OK，闲话少说，今天就专门写下这个教程，希望大家能举一反三，设计出令人耳目一新的作品。<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;首先，新建一个文本文档，例如取名为yourname，后缀为.htc。<br/>&nbsp;&nbsp;&nbsp;&nbsp;在文档中写入以下内容：<br/><div class="code"><br/>&lt;public:component&gt;<br/>&lt;public:attach event=&quot;onmouseover&quot; onevent=&quot;domouseover()&quot;&gt;<br/>&lt;public:attach event=&quot;onmouseout&quot; onevent=&quot;domouseout()&quot;&gt;<br/>&lt;script language=&quot;javascript&quot;&gt;<br/>function domouseover()&#123;<br/>with(element)<br/>&#123;filters.item(0).Apply();filters.item(0).Play();&#125;&#125;<br/>function domouseout()&#123;<br/>with(element)&#123;<br/>filters.item(0).Apply();<br/>filters.item(0).Play();&#125;&#125;<br/>&lt;/script&gt;<br/>&lt;/public:component&gt;<br/></div><br/>&nbsp;&nbsp;&nbsp;&nbsp;保存。<br/>&nbsp;&nbsp;&nbsp;&nbsp;打开已经设置好超链接的网页，在&lt;head&gt;&lt;/head&gt;之间写入以下内容：<br/><br/>&lt;style type=text/css&gt;<br/>&lt;!--<br/>a &#123;cursor:hand; height:1; behavior: url(yourname.htc); filter:progid:dximagetransform.microsoft.gradientwipe(duration=1);text-decoration : none ; &#125; <br/>a:link &#123; color : #009900 ; &#125;<br/>a:visited &#123; color : #009900 ; &#125;<br/>a:hover &#123; color : #ffffff ; &#125;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;（此段即为鼠标划过超连接时所显示的渐变颜色代码）<br/>a:active &#123; color : #009900 ; &#125;<br/>--&gt;<br/>&lt;/style&gt;<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;保存。大功告成。<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;欲浏览正确效果，请上传到自己的空间内，再用浏览器查看。没有装IIS的同学估计在本机无法看到正确效果。<br/>Tags - <a href="http://www.zhanghaijun.com/tags/%25E6%25B8%2590%25E5%258F%2598%25E7%2589%25B9%25E6%2595%2588/" rel="tag">渐变特效</a>
]]>
</description>
</item><item>
<link>http://www.zhanghaijun.com/post//#blogcomment</link>
<title><![CDATA[[评论] 渐变链接特效]]></title> 
<author> &lt;user@domain.com&gt;</author>
<category><![CDATA[评论]]></category>
<pubDate>Thu, 01 Jan 1970 00:00:00 +0000</pubDate> 
<guid>http://www.zhanghaijun.com/post//#blogcomment</guid> 
<description>
<![CDATA[ 
	
]]>
</description>
</item>
</channel>
</rss>