鼠标触发图片渐隐渐显效果HTC

  本例中鼠标触发的图片的渐隐渐显效果比较多见,但多数都是用js实现的,需要给图片写很多的事件与函数,如果图片过多的话,工作量会很大。为了减轻我们的工作量,就要用到这个很特殊的东西——DHTML行为(Behavior)。

  Behavior(行为)可以将复杂的DHTML代码从页面移到更小的、经过封装的、可以再度使用的单元中。其目的就是封装特定的功能在一个HTC(HTML Component)中,而这些功能就可以非常方便的捆绑到页面中的任意元素上。因此我把所有的东西都封装进了HTC文件,利用HTC的特殊性,我们可以很容易地给多个图片实现这种鼠标触发渐隐渐显效果。

  下面我们先看看具体效果演示:我们首先看到的是一个半透明的图片,当我们把鼠标放上去的时候,图片渐显;鼠标移开、图片渐隐。



  OK。先来看看插入上边那幅图片使用的代码:
-------------------------------------------------------------------------
<!--样式表部分-->
<style type="text/css">
<!--
.coolalpha {
    behavior:url(eyun_alpha.htc);
    cursor:hand;
    filter:alpha(opacity=50);
}
-->
<
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值