鼠标下浮动的文字和时钟

浮动

<!-- 动态鼠标开始 -->
<script language="JavaScript"><!--
var Dy,Dx,DY,DX,i,x,y,X,Y,ie,ns,D,H,M,S,n,a;

var dCol='009900';//date colour.
var fCol='FF6666';//face colour.
var sCol='0000ff';//seconds colour.
var mCol='000000';//minutes colour.
var hCol='FF0000';//hours colour.
var ClockHeight=40;
var ClockWidth=40;
var ClockFromMouseY=-30;
var ClockFromMouseX=60;
var ymouse=0;
var xmouse=0;
var scrll=0;
var font='Arial';
var size=2;
var speed=0.5;
var TodaysDate="☆健康是福☆有爱是缘";
var Face='1 2 3 4 5 6 7 8 9 10 11 12';
D=TodaysDate.split('');
Face=Face.split(' ');
H='....';
H=H.split('');
M='.....';
M=M.split('');
S='......';
S=S.split('');
ns=(document.layers);
ie=(document.all);
n=Face.length;
a=size*10;
var props="<font face="+font+" size="+size+" color="+fCol+"><B>";
var props2="<font face="+font+" size="+size+" color="+dCol+">";
var Split=360/n;
var Dsplit=360/D.length;
var HandHeight=ClockHeight/5.5
var HandWidth=ClockWidth/5.5
var HandY=-7;
var HandX=-2.5;
var step=0.06;
var currStep=0;
y=new Array();x=new Array();Y=new Array();X=new Array();
for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0}
Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();
for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}
if (ns){
for (i=0; i < D.length; i++)
document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>');
for (i=0; i < n; i++)
document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>');
for (i=0; i < S.length; i++)
document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>');
for (i=0; i < M.length; i++)
document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>');
for (i=0; i < H.length; i++)
document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>');
}
if (ie){
document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < D.length; i++)
document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</font></div>');
document.write('</div></div>');
document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</B></font></div>');
document.write('</div></div>');
document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < H.length; i++)
document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>');
document.write('</div></div>');
document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < M.length; i++)
document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>');
document.write('</div></div>')
document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < S.length; i++)
document.write('&lt

时间: 2024-12-13 13:05:45

鼠标下浮动的文字和时钟的相关文章

鼠标下浮动文字

浮动 <SCRIPT LANGUAGE="JavaScript"> if (document.all) { yourLogo = "LuckyJan ● 健康快乐 ●"; logoFont = "宋体"; logoColor = "blue"; yourLogo = yourLogo.split(''); L = yourLogo.length; TrigSplit = 360 / L; Sz = new Arra

鼠标感应发光的文字旋转效果

这篇教程是向我们介绍利用Flash AS3.0制作鼠标感应发光的文字旋转效果,教程比较基础,在这篇教程里,我们将学会用发光滤镜使对象产生发光的效果,教程很实用,转发过来,希望对大家有所帮助 注意:这个实例需要 TweenMax 类,请把附件中的gs类库保存在fla同一目录下. 鼠标感应发光的文字旋转效果演示: 制作步骤: 1.新建Flash文件,设置属性:宽高根据舞台上的影片剪辑多少设定,我这里为 550 × 200 ,背景黑色.图1: 2.选文本工具,在舞台上输入一些静态的本文.根据需要选择字

css实现鼠标滑过改变文字(中文变英文)

鼠标滑过改变文字的效果想必很多朋友都有遇到过吧,本文为大家介绍下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/1

教你用PS工具制作凹陷/下凹立体文字效果

  本篇经验将讲到,怎么用PS工具制作凹陷/下凹文字效果的字体,是使文字在图片中更有立体感,能够凸显文字的表达效果. 工具/原料 PS工具 Adobe Photoshop CS5 带文字的图片 方法/步骤1 打开你要制作凹陷/凹陷文字效果的图象,本例用的是一个按钮,在按钮上新建两个文字图层"诊断调研"和"出具解决方案". 复制"诊断调研"文字图层,将复制的文字图层里的文字颜色改为白色. 点选工具栏的移动工具,使用键盘上向下和向右的方向键各一次,分

如何在WPS文字中让下划线远离文字

在要加下划线的文字前后各加一个空格,然后选中文字及前后的空格,点击加下划线,再次选中文字(这次不要选中前后的空格),打开[字体]对话框选择[字符间距]选项卡,将[位置]选择为[提升]然后将其后的值输进去.

CSS3下的渐变文字效果实现

核心提示:CSS3下的渐变文字效果实现 一.方法一:借助mask-image属性 如果您手头上的浏览器是Chrome或是Safari,则您可以在demo页面中看到类似下面的效果: 相应的HTML代码如下: 天赐美妞  与HTML相对应的CSS代码如下: .text-gradient {display: inline-block;font-family: ´微软雅黑´;font-size: 10em;position: relative;} .text-gradient[data-text]::a

在Flash中制作紧紧跟随鼠标的按钮说明文字

按钮|跟随|跟随鼠标 先看效果,紧紧跟随鼠标的按钮说明文字: 点击这里下载源文件 我以一个按扭为例来详细讲解制作过程.第一步:新建文件,创建按钮新元件(名为文章,你可以随你的意愿任取),绘制按钮.回到场景中,打开库,在图层1中的第一帧处把文章元件拖入场景中.第二步:创建影片剪辑新元件,(名为信息,同样,你可以随你的意愿任取),在第一层第5帧处插入空白关键帧,在第1帧和第5帧打开动作面板,分别输入代码:stop();在第5帧中绘制一个有边框的矩形,具体设置见图一: 在该层上新建层,第5帧处插入空白

flash制作水中浮动的文字实例教程

  实例说明:水中浮动的文字就是似文字放在水中,字随着水波的波动而波动,主要利用了遮罩效果及文字透明度的变化.别空想象,开始操作吧! 创作步骤: 第1步,启动Flash MX,新建一个文件,在舞台的空白处单击右键选择"文档属性"弹出其对话框,设舞台的大小为400PX×200PX,颜色为黑色,如图1所示. 用flash制作水中浮动的文字 - 迎春 - 第2步,我们现在要制作一个过滤条,有了它才能做出文字的浮动效果,按"Ctrl+F8"键弹出"创建新元件&qu

另辟蹊径 巧改Word下划线与文字间的距离

经常使用Word的朋友,都有这样的感觉,在Word中对文字设置下划线格式后,由于下划线与文字距离很近,两者几乎连在一起,看起来不够美观.其实,我们可通过下面的方法来调整下划线与文字之间的距离.我们以最新的Office 2010为例. 1. 首先,在文字前后各敲入一个空格,选中文字及其前后的空格,为其设置下划线格式. 2. 选中文字(不要选中文字前后的空格),依次选择右键菜单中的"字体",进入字体设置界面,选择"高级"选项卡.将"位置"下拉框设置为