旋转文字

 <html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>网页特效|Linkweb.cn/Js|---旋转文字</title>
</head>

<body>
 

<BODY onload=setVariables(),moveLetters() vLink=#0000FF background="../images/bg.gif">
<SCRIPT language=JavaScript>
function setVariables(){
                if (navigator.appName == "Netscape") h=".left=", v=".top=",dS="document.",sD="";
                 else        h=".pixelLeft=",v=".pixelTop=",dS="",sD=".style";}
var y = 200;
var x = 300;
var inc=0;
var X = 250;
var Y = 150;
function moveLetters() {
        for ( j = 0 ; j <26 ; j++ ) {
                objectX="object"+j
        eval(dS + objectX +sD + v + (Y + Math.cos((20*Math.sin(inc/20))+j*70)*y*(Math.sin(10+inc/10)+0.2)*Math.cos((inc + j*25)/10)));
        eval(dS + objectX + sD + h + (X + Math.sin((20*Math.sin(inc/20))+j*70)*x*(Math.sin(10+inc/10)+0.2)*Math.cos((inc + j*25)/10)));
}
inc+=.2;
setTimeout("moveLetters()", 1);
}
</SCRIPT>
<DIV id=object0
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#ff0000 size=+4>a</FONT></DIV>
<DIV id=object1
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#0fff00 size=+4>b</FONT></DIV>
<DIV id=object2
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#ff00ff size=+4>c</FONT></DIV>
<DIV id=object3
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#0080ff size=+4>d</FONT></DIV>
<DIV id=object4
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#ff8000 size=+4>e</FONT></DIV>
<DIV id=object5
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#008000 size=+4>f</FONT></DIV>
<DIV id=object6
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#8000ff size=+4>g</FONT></DIV>
<DIV id=object7
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#ff0000 size=+4>h</FONT></DIV>
<DIV id=object8
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#0fff00 size=+4>i</FONT></DIV>
<DIV id=object9
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#ff00ff size=+4>j</FONT></DIV>
<DIV id=object10
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#0080ff size=+4>k</FONT></DIV>
<DIV id=object11
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#ff8000 size=+4>l</FONT></DIV>
<DIV id=object12
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#008000 size=+4>m</FONT></DIV>
<DIV id=object13
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#8000ff size=+4>n</FONT></DIV>
<DIV id=object14
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#ff0000 size=+4>o</FONT></DIV>
<DIV id=object15
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#0fff00 size=+4>p</FONT></DIV>
<DIV id=object16
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#ff00ff size=+4>q</FONT></DIV>
<DIV id=object17
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#0080ff size=+4>r</FONT></DIV>
<DIV id=object18
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#ff8000 size=+4>s</FONT></DIV>
<DIV id=object19
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#008000 size=+4>t</FONT></DIV>
<DIV id=object20
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#8000ff size=+4>u</FONT></DIV>
<DIV id=object21
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#ff0000 size=+4>v</FONT></DIV>
<DIV id=object22
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#0fff00 size=+4>w</FONT></DIV>
<DIV id=object23
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#ff00ff size=+4>x</FONT></DIV>
<DIV id=object24
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#0080ff size=+4>y</FONT></DIV>
<DIV id=object25
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#ff8000 size=+4>z</FONT></DIV>

</body>

</html>

时间： 2024-09-30 11:03:11

旋转文字的相关文章

wps文字怎么旋转文字

  在使用word.wps等文本编辑时,我们常会需要将一些字体进行旋转处理,让文档的版式更美观,今天小编为大家介绍一下如何在wps文字中旋转文字. 首先选中你所要旋转的文字,如下图所示: 在菜单"插入"中选择"文本框"选项,点击"文本框"图标下方的▽,选择"横向文本框",如下图所示: 右击文本框,在右击菜单中选择"设置对象格式",如下图所示: 打开"设置对象格式",在"颜色与线

用Fireworks 4.0制作旋转文字动画(组图)

旋转 Fireworks与Dreamweaver.Flash一起合称网页制作三剑客,可是如果我们没有学会很好地利用它,那就与未出鞘的宝剑一样,难见光芒.所谓万事靠积累,只有多学多练才能让剑客真正发挥威力.今天就让我们来看一下如何利用Fireworks4.0制作一个旋转文字的小动画,希望能对您有所帮助. 1.建立新文件:启动Fireworks4.0,按Ctrl+N键新建一个工作区,设置工作区宽度(Width)为400,高度(border=1Height)为300,颜色为黑色,其余依照默认值. 2.

用Fireworks 4.0制作旋转文字动画

旋转  Fireworks与Dreamweaver.Flash一起合称网页制作三剑客,可是如果我们没有学会很好地利用它,那就与未出鞘的宝剑一样,难见光芒.所谓万事靠积累,只有多学多练才能让剑客真正发挥威力.今天就让我们来看一下如何利用Fireworks 4.0制作一个旋转文字的小动画,希望能对您有所帮助.    1.建立新文件:     启动Fireworks 4.0,按Ctrl+N键新建一个工作区,设置工作区宽度(Width)为400,高度(Height)为300,颜色为黑色,其余依照默认值.

在Word2003中如何旋转文字

  在工作中,我们常常需要旋转文字,以达到一些特殊的效果,比如把文字旋转60度.在word文档,正常的文字仅能调整其横排或竖排,是不能任意角度旋转的.但我们可以通过一些操作技巧以达到将文字旋转的目的.下面两种方法或许可以帮助你: 一.借助其它图像工具,把文字制作成图片,然后插入word中,在word文档中图片是可以任意旋转的. 二.通过艺术字的格式来达到旋转文字的目的.先把光标定位到要旋转文字的地方,点击菜单栏的"插入"菜单,选择"图片"--"艺术字&qu

Fireworks和Flash合作旋转文字动画

旋转 想在Flash中制作文字旋转环绕的效果比较麻烦,我们不仅要设定每一个字母的旋转角度,还要把字母排列成圆形,而利用Fireworks把文字附加到路径上的功能和Flash配合起来制作这样一个动画将轻而易举,大大提高工作效率,其制作方法如下. 1.打开Fireworks软件,点"File→New",设置好文件的大小及颜色(一般用Transparent),点击"OK",新建一个Fireworks文件..选择工具箱中的文本工具 ,在绘图区单击,在弹出的Text Edi

Photoshop制作会发光的旋转文字

  本教程主要是把圆形的路径文字,格式化后用动感模糊来制作光束,效果非常眩. 最终效果 一.做一个路径文字,具体就不说了,反正就是画个圆,然后在上面写字 二.栅格化文字,复制图层,然后动感模糊(我模糊了两次,不然不够长,然后复制几次图层,合并,要不太淡了) 三.对光线图层执行CTRL+T进行自由变换处理,把光线拉成如下图效果的梯形,把光线制作成分散出的效果. 四.接着再对文字图层也执行CTRL+T自由变换处理,把文字处理成旋转的效果,并把其拖放到合适的位置. 五.好像光线太单薄了,再复制一次图层

旋转 文字添加-android 自定义edittext 拖动缩放旋转

问题描述 android 自定义edittext 拖动缩放旋转 最近在做一个拼图的项目,要求在一张背景图上添加文字,文字可编辑如修改颜色.样式.字体等,也可对文字的位置进行修改,实现拖动.旋转.缩放等功能,类似于美图秀秀中文字的添加,最后可将背景图和文字联合生成一张图片,保存到相册中,本人是菜鸟,求高手指教,如果有简单的demo的话,那就不胜感激. 解决方案 你好 请问解决了没有 请赐教

PhotoShop制作动感凌光旋转文字效果

我依旧是哪个穿着睡衣,拿着红色麦克风,为大家讲教程的,李威潮流设计坊,这次给大家讲解一个原创潮流风格的一个字体效果,本次要用到的有滤镜和动作,希望大家能够喜欢.做完记得教作业哦! 开始讲解教程了哦.请注意看哦!! 1.打开PS,新建一个500*300像素背景色为白色其他值默认的的图层. 2.调整渐变效果黑到[暗色]这个暗色是带色彩的暗色.譬如我用的这个.点击确定后, 选择圆形渐变拉出一个如图1的效果.! 3.点击滤镜里的 像素画-马赛克-单元格大小如图!! 分类: PS文字教程

PowerPoint中制作超炫旋转文字效果

  步骤一: 打开PowerPoint新建一个演示文稿 步骤二: 插入艺术字,内容输入自己想要的文字"第九软件网",如图 点击插入的艺术字,在菜单栏选择"艺术字形状"这里我们选择细环形,然后,调整文字的间距,如图 步骤三: 右键选择"设置对象格式",设置其颜色,如图 步骤四: 执行[插入--形状--十六角星],然后设置对象格式,设置颜色,如图 步骤五: 分别给文字和十六角星形状添加"陀螺旋"动画效果,其中十六角星动画效果设置如