一款Alpha透明度图片链接效果_图片特效特效

缂傚倸鍊风粈浣该洪敃鍌氱劵缂佲偓閹辩eCMS闂佽崵鍠愰悷銉ノ涘┑瀣ㄢ偓鍌炲醇閺囩偞鐎┑鐐叉閸ㄧ喖寮婚敓锟�濠电偞鍨跺瑙勭珶閸℃稑鐓橀柡宥庡幗閳锋帡鏌ㄩ悤鍌涘 缂傚倷绀侀ˇ閬嶅窗閹邦剨鑰块柛銉墮缁€澶愭煃閵夈劍鐝柣婵撴嫹闂傚倷绶￠崑鍕囨潏鈺冪濠㈣泛鏈崗婊堟煛閸ャ劍鐨戦梻澶婄Ч閺屻倖娼忛妸锔绘缂備焦鍞婚幏锟� 闂備礁鎼崯鐗堟叏閹绢喖妞介柡宥庡亞閸楁碍绻涢崱妯诲鞍婵絾鍔楅埀顒冾潐閹爼宕曢柆宥呯煑闁跨噦鎷�,闂備浇鐨崟顐㈠Б闁诲氦顫夋繛濠傤嚕閸洖绀冩い鏂垮悑椤忕喐绻涢幋鐐村皑闁稿鎹囧鍝勨枎閹勭亪闂佸憡鐟ョ换妯侯嚕婵犳碍鏅搁柨鐕傛嫹!

一款使用CSS的Alpha透明度实现的图片链接效果，鼠标放上后图片会变为半透明，然后出现文字介绍，+可以加入其它功能，一般是加入收藏，根据你的需要了，可以自己改。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" mrc="text/html; charset=gb2312" />
<title>一款图片链接效果--唐国辉</title>
<style type="text/css">
background:url(http://p1.mb5u.com/texiao/1/20110225160450186.gif) no-repeat;
}
.blueidea em:hover { 
background-image:url(/jscss/demoimg/200905/+2.gif) ;}
-->
</style>
</head>

<body>
<div class="blueidea"><a href="#"><img  src="http://p1.mb5u.com/texiao/1/20110225160450187.jpg" alt="" /><span>你今天来了吗？</span></a><em title="我要收藏"></em></div>

<div class="blueidea"><a href="#"><img  src="http://p1.mb5u.com/texiao/1/20110225160450188.jpg" alt="" /><span>精品网页特效</span></a><em title="我要收藏"></em></div>

<div class="blueidea"><a href="#"><img  src="http://p1.mb5u.com/texiao/1/20110225160450189.jpg" alt="" /><span>开源源码收集</span></a><em title="我要收藏"></em></div>
</body>
</html>

所属频道：图片特效特效/更新时间：2012-12-10

[收藏][报错][返回列表]

评论加载中....

一款Alpha透明度图片链接效果_图片特效特效

图片特效特效Rss订阅特效代码搜索

图片特效特效推荐

猜你也喜欢看这些

闂備浇銆€閸嬫捇鏌熼婊冾暭妞ゃ儻鎷�&闂備礁鎲＄敮鎺懳涢弮鍫燁棅闁跨噦鎷�