`
penghao122
  • 浏览: 362883 次
  • 性别: Icon_minigender_1
  • 来自: 广东珠海
社区版块
存档分类
最新评论

做一个光标跟随的样式

阅读更多
////////////////////////////“行为”文档开始///////////////////////////////////
//给“行为”增加四个鼠标事件
<PUBLIC:ATTACH EVENT="onmouseover" ONEVENT="glowit()" />
<PUBLIC:ATTACH EVENT="onmouseout" ONEVENT="noglow()" />
<SCRIPT LANGUAGE="JScript">
//定义一个保存字体颜色的变量
var font_color;


//定义鼠标onmouseover事件的调用函数
function glowit()
{
if (event.srcElement == element)
{
font_color=style.backgroundColor;
element.style.backgroundColor='#66FFFF';
element.style.filter="glow(color=red,strength=2)";
}
}

//定义鼠标onmouseout事件的调用函数
function noglow()
{
if (event.srcElement == element)
{
element.style.filter="";
element.style.backgroundColor=font_color;
}
}
</SCRIPT>
//////////////////“行为”文档结束///////////////////////////////



<html>

<head>

<style>
td{behavior:url(test.htc)}
</style>
</head>

<body>

<table name="tbl">

<tr><td>aaaaaaaaaaaaaaaaaaaa</td></tr>

<tr><td>bbbbbbbbbbbbbbbbbbb</td></tr>

<tr><td>ccccccccccccccccccc</td></tr>

<tr><td>dddddddddddddddddddd</td></tr>
<tbody></tbody>
</table>

<input name="demo"><input type='button' value='hidden' onclick="demo.style.display='none'">



</body>
</html>

==================

把下面的这句写到CSS里去,整个工程通用了

<style>
td{behavior:url(test.htc)}
</style>
分享到:
评论

相关推荐

    canvas网页背景粒子动效跟随光标

    在网页设计中,为了提升用户体验和视觉效果,开发者经常使用各种动态效果,其中"canvas网页背景粒子动效跟随光标"是一种创新且引人注目的技术。这种效果通过JavaScript和HTML5的canvas元素实现,使得粒子随着用户...

    unity3d改变鼠标的样式 设置光标形状

    对于播放动画的光标,可以创建一个包含多个帧的精灵atlases,然后在Update()函数中切换光标的帧,以实现动画效果。同时,为了确保跨平台兼容性,你需要考虑到不同操作系统可能对光标形状的支持程度,以及WebGL等平台...

    jquery光标跟随360导航.zip

    为了实现“光标跟随360导航”,你需要做以下几步: 1. **HTML结构**:首先,设置HTML页面的基本结构,包括导航菜单的元素。这些元素通常是一个包含多个链接的容器,如`&lt;div&gt;`或`&lt;ul&gt;`。 2. **CSS样式**:使用CSS来...

    canvas圆点分散光标跟随动画特效代码.rar

    这个效果的核心在于,当鼠标移动时,页面上会出现一系列分散的圆点,这些圆点仿佛被光标吸引,随着光标的移动而移动,形成一种光标跟随的视觉效果。 HTML部分可能包含一个`&lt;canvas&gt;`标签,用于在页面上创建一个画布...

    HTML5鼠标跟随星星光标特效.zip

    对于学习Web开发或者想要提升网页动态效果的开发者来说,这是一个很好的学习资源。通过研究和理解这个项目,开发者可以深入理解Canvas绘图、JavaScript事件处理以及如何将两者结合起来创建复杂的动态效果。

    jquery光标跟随导航.rar

    2. **创建HTML结构**:创建一个包含导航菜单的HTML元素,如`&lt;nav&gt;`或`&lt;ul&gt;`,并为其设置合适的CSS样式以实现基础布局。 ```html &lt;li&gt;&lt;a href="#"&gt;首页&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;关于我们&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a ...

    H5圆点分散光标跟随动画特效.zip

    在"圆点分散光标跟随"的特效中,CSS主要负责创建那些圆点(可能是div或span元素),设置它们的样式(如大小、颜色、透明度等),以及定义动画规则。可能使用的关键帧动画(@keyframes)可以控制圆点的运动路径和速度...

    鼠标移动粒子光标动画特效

    这种特效使得鼠标光标在移动时,会跟随一系列粒子或者图形,形成一个动态的“小尾巴”,增加了用户的沉浸感。 首先,我们要理解这种特效的基本原理。它通常是通过JavaScript库或CSS3来实现的。JavaScript可以监听...

    ViewPager 光标、指示器文字跟随变化

    在这个特定的场景中,我们讨论的是如何实现一个增强版的ViewPager,即当用户点击或滑动页面时,指示器的文字颜色会跟随变化,并且会有光标动态跟随当前选中的页面。这个功能可以提升用户体验,使用户更加明确当前所...

    跟随鼠标泡泡光标动画特效.zip

    【标题】"跟随鼠标泡泡光标动画特效.zip"是一个包含jQuery和CSS特效的网页资源,旨在为网站添加一种趣味性的互动元素。这个特效使得光标在移动时,周围会出现如同气泡般浮动的视觉效果,增加了用户体验的趣味性和...

    Canvas鼠标跟随光标花环特效.zip

    3. **绘图方法**:如`beginPath()`开始一条路径,`moveTo(x, y)`移动到指定坐标,`lineTo(x, y)`画线到另一个坐标,`arc(x, y, radius, startAngle, endAngle, anticlockwise)`绘制圆弧,`stroke()`描边,`fill()`...

    html5心形动画跟随鼠标光标运动特效

    在这个"html5心形动画跟随鼠标光标运动特效"项目中,我们主要关注的是如何利用HTML5的Canvas元素来创建一个动态的心形动画,这个动画将随着鼠标的移动而变化。 首先,Canvas是HTML5提供的一种绘图API,允许开发者在...

    Canvas跟随鼠标光标动画特效.zip

    "Canvas跟随鼠标光标动画特效"是一个利用JavaScript和CSS来实现的互动效果,它使Canvas上的图形或者元素随着鼠标光标的移动而动态变化,增强用户体验和页面的视觉吸引力。 一、Canvas基础 Canvas是一个基于矢量图形...

    HTML跟随鼠标特效.rar

    总结来说,HTML跟随鼠标特效是一个结合了HTML结构、CSS样式和JavaScript动态行为的前端技术应用。通过监听鼠标事件、更新元素位置和添加各种视觉效果,可以创建出各种吸引人的互动体验。这个压缩包中的"HTML跟随鼠标...

    html5 svg彩色星星跟随鼠标光标移动动画特效

    在`&lt;body&gt;`标签内,我们将放置一个SVG容器,用于绘制星星。SVG是一种基于XML的矢量图形语言,它可以生成无限缩放不失真的图形,非常适合创建复杂的图形动画。 ```html &lt;!DOCTYPE html&gt; &lt;title&gt;HTML5 SVG彩色...

    H5粒子旋转跟随光标动画特效.zip

    【H5粒子旋转跟随光标动画特效.zip】这个压缩包包含了一个基于HTML5技术的粒子旋转跟随光标动画效果。这种特效在现代网页设计中被广泛使用,为网站增添动态感和互动性,吸引用户的注意力。以下是这个特效涉及到的...

    html5 canvas跟随鼠标光标动画特效

    在这个“跟随鼠标光标”的动画特效中,我们可以创建一个图形(例如一个圆形或者自定义形状),并将其中心位置设定为鼠标当前位置。每次鼠标移动,图形都会更新其位置以跟随鼠标: ```javascript function ...

    8套经典鼠标光标.rar

    鼠标光标,也称为指针,是屏幕上的一个小图形,跟随鼠标移动,指示用户输入的位置。它是人机交互的一个关键元素,不同的形状代表不同的操作状态,如箭头表示正常操作,沙漏或双向箭头表示等待,I型光标用于文本输入...

    超级可爱光标

    【超级可爱光标】是一个关于个性化电脑操作体验的主题,主要关注的是如何改变计算机系统中的鼠标指针样式,使之更加有趣和个性化。在这个主题下,我们可以深入探讨与光标设计、更换以及相关软件应用相关的知识点。 ...

    js跟随鼠标光标星星飘落动画特效

    总结来说,"js跟随鼠标光标星星飘落动画特效"是一个结合了HTML、CSS和JavaScript技术的Web交互效果。通过监听鼠标移动、动态生成和操纵星星元素,以及利用CSS动画,开发者成功地创造出一个富有视觉吸引力的用户体验...

Global site tag (gtag.js) - Google Analytics