java1200例-文字的探照灯效果

<style>
.mydiv{
    color:white;
    filter:light;
    height:300;
    font-size:35px;
    left:10px;
    position:relative;
    top:10px;
    width:400px;
}
</style>
<script type="text/javascript">
function init(){

    document.all.div1.filters.light.addAmbient(200,10,40,30);
    document.all.div1.filters.light.addCone(400,400,120,160,100,255,255,80,120,5);
}
function move(){
    document.all.div1.filters.light.moveLight(1,window.event.x-20,window.event.y,0,1);
}

</script>
<body onload="init()" onmousemove="move()">
<div id="div1" class="mydiv">
    今天天气阴
</div>
</body>

效果图:

时间: 2024-12-22 21:37:41

java1200例-文字的探照灯效果的相关文章

图片的探照灯效果

1.概述 使用JavaScript编写一个图片探照灯的特效,当页面被加载时,这个探照灯的效果会在图上重复左右扫描,将其中一部分显示为光亮状态而其它部分显示为灰暗状态. 2.技术要点 使用了CSS滤镜技术中的light属性,通过light属性调用addPoint()和MoveLight()方法,来设置图片上光源的大小,并移动光源. 3.具体实现 (1)实现探照灯效果在图片扫描,javaScript代码如下: <script language="javascript"> if

css实现漂亮的文字滑动折叠效果

<!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-Typ

CSS3实现文字扫光效果

本篇文章由:http://xinpure.com/css3-text-light-sweep-effect/ CSS3 实现的文字扫光效果,几乎可以和 Flash 相媲美了 效果解析 我们分析一下实现这个效果需要实现的功能: 实现一个扫光背景块,因为光是移动的,所以要加入渐变效果 (例如: 手电筒照射的一小块区域) 将扫光背景块控制到文本上 (即实现文本背景) 实现扫光动画 (扫光块从左往右循环移动) 思路理清了,接下来就是一步一步实现了 背景渐变 -webkit-linear-gradient

css实现鼠标经过导航文字偏位效果

<!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-Typ

发布一个文字界面库 解放文字显示 几分钟使你的对话框OR视图文字呈现多彩效果

解放文字显示 几分钟使你的对话框OR视图文字呈现多彩效果 解放文字显示处理 不要再将宝贵时间浪费在文字显示处理上,几分钟使您的文字显示呈现多彩效果 示例 :在对话框CStatic控件上,显示一段文字信息: 代码: shuhuaDLL使用说明: 对话框程序中添加VIEW视图: 对话框上放一个文本控件CStatic IDC_STATIC ,用此控件承载VIEW视图. 第一步:在对话框头文件中听见DLL头文件 #include "shuhuaDll\Factory.h" //添加视图头文件

android按钮被点击文字颜色变化效果

有的时候做应用需要点击按钮时文字颜色也跟着变,松开后又还原,目前发现两种解决方案:第一用图片,如果出现的地方比较多,那么图片的量就相当可观:第二,也就是本文讲到的.废话少说,先贴图片,再上代码. 正常效果: 按下效果: 先在values目录创建color.xml文件,在里面加入以下自定义颜色(注意不是用color标签)的代码: <?xml version="1.0" encoding="utf-8"?> <resources> <dra

cocos2dx 以子弹飞行为例解说拖尾效果类CCMotionStreak

在游戏开发中,有时会须要在某个游戏对象上的运动轨迹上实现渐隐效果.比方子弹的运动轨迹,假设不借助引擎的帮助,这样的效果则须要通过大量的图片来实现.而Cocos2D-x的拖动渐隐效果类CCMotionStreak就帮助我们实现这个效果.以下是子弹飞行火焰拖尾的效果实现.. [cpp] view plaincopy #include "HelloWorldScene.h" #include "SimpleAudioEngine.h" using namespace co

【设置文字的粗细效果】

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/css;charset=utf-8"> <titl

发布一个文字界面库 解放文字显示 几分钟使你的对话框OR视图文字呈现多彩效果

解放文字显示 几分钟使你的对话框OR视图文字呈现多彩效果 解放文字显示处理 不要再将宝贵时间浪费在文字显示处理上,几分钟使您的文字显示呈现多彩效果 示例 :在对话框CStatic控件上,显示一段文字信息: 代码: shuhuaDLL使用说明: 对话框程序中添加VIEW视图: 对话框上放一个文本控件CStatic IDC_STATIC ,用此控件承载VIEW视图. 第一步:在对话框头文件中听见DLL头文件 #include "shuhuaDll\Factory.h" //添加视图头文件