一款旋转的文字显示效果

<html>
    <head>
    <title>一款旋转的文字显示效果丨电表控制器|</title>
    <meta http-equiv="content-Type" content="text/html;charset=gb2312">
    </head>
    <body>
    <!--把下面代码加到<body>与</body>之间-->
    <SCRIPT language=javascript>
    Phrase="欢迎光临『芯晴网页特效』"
    Balises=""
    Taille=80;
    Midx=250;
    Decal=0.5;
    Nb=Phrase.length;
    y=-10000;
    for (x=0;x<Nb;x++){
    Balises=Balises + ‘<DIV Id=L‘ + x + ‘ STYLE="width:5;font-family: Courier New;font-weight:bold;position:absolute;top:40;left:50;z-index:0">‘ + Phrase.charAt(x) + ‘</DIV>‘
    }
    document.write (Balises);
    Time=window.setInterval("Alors()",10);
    Alpha=5;
    I_Alpha=0.05;
    function Alors(){
    Alpha=Alpha-I_Alpha;
    for (x=0;x<Nb;x++){
    Alpha1=Alpha+Decal*x;
    Cosine=Math.cos(Alpha1);
    Ob=document.all("L"+x);
    Ob.style.posLeft=Midx+170*Math.sin(Alpha1)+50;
    Ob.style.zIndex=20*Cosine;
    Ob.style.fontSize=Taille+25*Cosine;
    Ob.style.color="rgb("+ (127+Cosine*80+50) + ","+ (127+Cosine*80+50) + ",0)";
    }
    }
    </SCRIPT>
    </body>
    </html>
时间: 2024-10-15 10:43:26

一款旋转的文字显示效果的相关文章

Css3做的旋转显示文字和角度的变化

Css: .spinner{ width:245px; height:245px; position:relative;}.coly{ border-radius:130px; font-size:19px; background:#333; border:10px solid #ecab18; border-right-color:#1ad280; border-bottom-color:#1ad280; width:230px; height:230px; -webkit-transitio

[寒江孤叶丶的Cocos2d-x之旅_33]RichTextEx一款通过HTML标签控制文字样式的富文本控件

RichTextEx一款通过HTML标签控制文字样式的富文本控件 原创文章,欢迎转载.转载请注明:文章来自[寒江孤叶丶的Cocos2d-x之旅系列] 博客地址:http://blog.csdn.net/qq446569365 下载地址 Github链接 这个是干什么的 将例如以下文字内容 "<#F37C2A><font Helvetica><30>[世]<#3AB5B3><underLine true>寒江孤叶<underLine

7款震撼人心的HTML5CSS3文字特效

1.HTML5像素文字爆炸重组动画特效 今天我们要分享一款基于HTML5技术的文字像素爆炸重组动画特效,我们可以在输入框中指定任意文字,点击确定按钮后,就会将原先的文字爆炸散去,新的文字以像素点的形式组合起来,看起来非常棒. 在线演示 源码下载 2.HTML5/CSS3 3D文字特效 文字外翻效果 今天我们再来分享一款很酷的HTML5/CSS3 3D文字特效,该文字特效的效果是鼠标滑过文字就会出现3D外翻的效果,非常不错的一款文字特效. 在线演示 源码下载 3.HTML5/CSS3发光文字 可自

JS实现固定在网页右上角3D风格旋转文字

始终显示在网页右上角的文字特效,而且还可以围绕成3D风格的旋转,文字自己修改下,是使用较原生的JS代码来实现,无jquery和其它插件,代码简单可参考性强. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>JS实现固定在网页右上角3D风格旋转文字丨石家庄花卉绿植租摆|河北叉车</ti

OCR文字识别谁最好?4款拍照扫描应用横向对比

虽然现在学习办公比较多用到电子文档内容,但有时难免需要用到实物,比如合同.书籍等等一些纸质的资料,目前人类还无法完全从纸质的世界脱身出来.所以也就诞生了连接纸质与电子文档之间的工具——OCR文字识别应用. 这些App最大作用就是提高效率,以往实质内容到电子内容需要太多繁琐的时间,必须要费很多功夫通过手打的方式将内容录入到电脑里,OCR文字识别应用可以彻底解决这个问题,同时也可能替代掉扫描仪的部分功能.目前主流4款的OCR文字识别应用,到底哪家最好呢?下面和小编一起看看吧~ 应用简介 福昕扫描王是

9款超绚丽的HTML5/CSS3应用和动画特效

1.CSS3飘带状3D菜单 菜单带小图标 这次我们要来分享一款很特别的CSS3菜单,菜单的外观是飘带状的,并且每一个菜单项有一个精美的小图标,鼠标滑过菜单项时,菜单项就会向上凸起,像是飘带飘动一样,形成非常酷的3D视觉效果.这款CSS3飘带状3D菜单非常适合作一些活动页面的菜单导航. 在线演示 源码下载 2.HTML5/CSS3 3D纸片折叠动画 今天我们再来分享一款非常华丽的HTML5/CSS3 3D动画特效,尽管它目前很少能在项目中应用,但从源码中我们可以学到很多HTML5 3D动画的制作知

asp.net 创建文字特效

相信word 中的 艺术字 功能大家都不陌生.今天, 我们就利用C#来制作几款自己的艺术字, 可能会对我们了解字体图像的制作原理有一些帮助. 至于有没有使用价值我保持沉默. 一. 投影效果 程序运行效果截图: 程序代码实现如下: 投影效果代码private void Form1_Paint(object sender, PaintEventArgs e){//投影文字Graphics g = this.CreateGraphics();//设置文本输出质量g.TextRenderingHint

精选19款华丽的HTML5动画和实用案例

下面是本人收集的19款超酷HTML5动画和实用案例,觉得不错,分享给大家. 1.HTML5 Canvas火焰喷射动画效果 还记得以前分享过的一款HTML5烟花动画HTML5 Canvas烟花特效,今天我们要来分享一款类似的HTML5动画效果,一款基于HTML5 Canvas火焰喷射动画.用鼠标拖动一条直线,直线长度表示火焰喷射的力度,另外,火焰在运动中还可以反射效果哦. 在线演示        源码下载 2.HTML5 3D立方体旋转动画 之前我们已经分享一款HTML5 3D正方体旋转动画,可以

基于jQuery实现文字倾斜显示代码

这是一款基于jQuery实现文字倾斜显示,这是一款基于jQuery实现的超酷动态文字显示效果.适用浏览器:IE8.360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗. 效果图如下: 在线预览   源码下载 实现的代码. html代码: <div class="container"> <div class="logo"> <img src="images/frame.png" alt=