鼠标放上去超链接的文字逐个加色效果

link.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>

css文件中的调用方法


代码如下:

A {
    FILTER: progid:dximagetransform.microsoft.gradientwipe(duration=1); BEHAVIOR: url(jcss/link.htc); HEIGHT: 1px; TEXT-DECORATION: none
}

赞 (0)

相关推荐

  • 鼠标放上去超链接的文字逐个加色效果

    link.htc 复制代码 代码如下: <public:component> <public:attach event="onmouseover" onevent="domouseover()"> <public:attach event="onmouseout" onevent="domouseout()"> <script language="javascript&quo

  • javascript实现鼠标放上后下边对应内容变换的效果

    javascript实现鼠标放上后下边对应内容变换的效果

    本文实例讲述了javascript实现鼠标放上后下边对应内容变换的效果.分享给大家供大家参考.具体如下: 这是个网上比较常见的菜单效果,鼠标放上后相应的内容会切换,图文布局方式.技术方面,是JS和CSS相配合来实现,代码中的JS部分,你可以单独摘取出来保存成一个JS文件,然后引入到页面中,这样使主页面代码简洁些.本效果在ie.火狐等浏览器下测试正常. 运行效果如下图所示: 具体代码如下: <html> <head> <title>鼠标放上后下面的内容切换</tit

  • Android自定义Dialog实现文字动态加载效果

    Android自定义Dialog实现文字动态加载效果

    之前在技术问答上面看到一个提问 "加载中-" 后面三个点是动态的,这么一个效果实现.想来想去,好像没想到好的处理方式. 尝试了一下,以一个最笨的方式实现了.先来看一下效果 : 我是通过自定义一个Dialog,加载中的效果,是在Dialog内部实现的,进度还是从Activity里面控制的. 下面是Dialog实现类: public class CustomDialog extends AlertDialog { public CustomDialog(Context context) {

  • Android UI设计系列之HTML标签实现TextView设置中文字体加粗效果（6）

    Android UI设计系列之HTML标签实现TextView设置中文字体加粗效果（6）

    搞软件开发的都知道项目中各种需求都有,而有时候各种奇葩的需求真是让人大跌眼镜,为了实现这些奇葩的需求我们往往苦逼的废寝忘食,我现在的项目中就有一个应该算得上奇葩的需求吧,需求是这样的:在一段文字中实现对部分文字加粗 这个看上去也不难并且有点小儿科,因为TextView中有个属性是Android:textStyle,它其中一个值是bold,也就是说是对将要显示的文字进行加粗,于是我就在TextView控件中添加了此属性,代码如下: <TextView android:layout_width=&quo

  • iOS点击文字按钮变转圈加载效果

    iOS点击文字按钮变转圈加载效果

    本文实例为大家分享了iOS点击文字按钮变转圈加载效果的相关代码,供大家参考,具体内容如下 实现效果: 实现代码: // 画弧线 - (void)drawHalfCircle { loadingLayer = [self drawCircle]; // 这个是用于指定画笔的开始与结束点 loadingLayer.strokeStart = 0.0; loadingLayer.strokeEnd = 0.75; } - (CAShapeLayer *)drawCircle { CGRect fram

  • Jquery鼠标放上去显示全名的实现方法

    第一种方式 使用mouseover.mouseout事件 // 鼠标滑过显示全名 var origin_name; $('.task_name').mouseover(function() { origin_name = $(this).text(); $(this).text($(this).nextAll("input").val()); }).mouseout(function() { $(this).text(origin_name); }); 第二种方式 使用a标签的titl

  • jquery鼠标放上去显示悬浮层即弹出定位的div层

    复制代码 代码如下: <script language="javascript" src="jquery-1.4.2.min.js"></script> <script> function show(obj,id) { var objDiv = $("#"+id+""); $(objDiv).css("display","block"); $(objD

  • jquery 文本上下无缝滚动,鼠标放上去就停止 小例子

    复制代码 代码如下: <script src="../js/jquery-1.4.2.min.js" type="text/javascript"></script> <script type="text/javascript">               function AutoScroll(obj) {            $(obj).find("ul:first").anima

  • Android 开发中根据搜索内容实现TextView中的文字部分加粗

    Android 开发中根据搜索内容实现TextView中的文字部分加粗

    实现方式没有引入任何依赖,轻量级实现需求效果 最近遇到一个需求,需要做一个搜索功能.搜索的内容需要加粗显示. 完成了这个功能后,写下此博客,记录一下实现过程 效果图 首先自定义一个StyleSpan,在StyleSpan里做加粗的等匹配状态的设置 @SuppressLint("ParcelCreator") public class SearchStyleSpan extends StyleSpan { public SearchStyleSpan(int style) { super

  • JS实现延迟隐藏功能的方法(类似QQ头像鼠标放上展示信息)

    JS实现延迟隐藏 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>延迟隐藏</title> <style> #div1{ width:100px; height:100px; background:yellow; border: 5px solid #999; border-radius: 1

随机推荐