`
王斌_code
  • 浏览: 31580 次
  • 性别: Icon_minigender_1
  • 来自: 长春
社区版块
存档分类
最新评论

一个简单的旋转文字效果

 
阅读更多 
<!DOCTYPE HTML>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title></title>
</head>
<body>
<div id="msg"></div>
<script type="text/javascript">
var word = '这是一个不好说的故事，但还是要说';
var wordArr = word.split("");
var locateWord = function(x,y,r,i){
  var length = wordArr.length;
  var html = "";
  var everyAngle = 1;
  var allLength = Math.PI / everyAngle;
  for(var j = 0;j < length;j ++){
    var angle = 2 * Math.PI / length * j + (i % allLength * everyAngle);
    var left = x + r * Math.cos(angle);
    var top = y + r * Math.sin(angle);
    html += ("<div style='position:absolute;left:" + left + "px;top:" + top + "px;'>" + wordArr[j] + "</div>");
  }
  document.getElementById("msg").innerHTML = html;
}
var i = 0;
var x,y;
window.onmousemove = function(event){
  x = event.clientX;
  y = event.clientY;
}
function s(){
  locateWord(x,y,200,i += (Math.PI / 360));
}
setInterval(s, 20);
</script>	
</body>
</html>
分享到：
| 诡异的正则表达式创建区别
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    VC++ 制作3D效果的旋转文字特效

    VC++ 制作3D效果的旋转文字特效 用VC++制作3D效果的旋转文字特效，不但具有3D阴影效果，而且文字还可以水平、垂直翻转，很强悍吧？源代码 顺利编译，虽然很简单但很实用，而且效果不错

    jQuery和css3简单的文字3d翻转和3d旋转动画特效

    这是一款简单的jQuery和css3文字3d翻转和3d旋转动画特效插件。该文字动画插件共有5种效果，分别是淡入淡出，3d水平翻转，3d垂直翻转，3d翻转和3d旋转效果。

    简单的as3.0代码实现文字旋转

    简单的as3.0代码实现文字旋转，成圆形旋转，并与鼠标有交互功能，非常常见的as效果。

    FLASH文字效果生成器

    FLASH文字效果生成器,简单有效，强劲的实用小工具

    文字旋转呈现3D效果-Flash源码.rar

    文字旋转呈现3D效果-Flash源码，里面有很多Flash as脚本文件，这个看上去简单，实际做起来很复杂，而且学要有一定的Flash脚本编程技术，感兴趣想学习的不妨下载一看。

    CSS3悬停图片旋转放大并遮罩显示文字动画特效

    一款简单实用的CSS3响应式图片列表布局，鼠标悬停图片旋转放大并遮罩显示文字动画特效。

    VB旋转文字的制作演示程序.7z

    超简单的用VB制作旋转文字的演示程序，拖动滑快可以在0-360度之间选择角度，然后点击下侧文本区域，会生成一个指定角度的旋转文字，另附有一个360度旋转的文字，制作VB特效文字很不错。

    用VC++制作3D效果的旋转文字特效

    内容索引:VC/C++源码,字符处理,3D,旋转文字　用VC++制作3D效果的旋转文字特效，不但具有3D阴影效果，而且文字还可以水平、垂直翻转，很强悍吧？源代码 顺利编译，虽然很简单但很实用，而且效果不错，演示截图如上所...

    VB旋转文字的制作演示程序

    内容索引:VB源码,字符处理,文字旋转　超简单的用VB制作旋转文字的演示程序，拖动滑快可以在0-360度之间选择角度，然后点击下侧文本区域，会生成一个指定角度的旋转文字，另附有一个360度旋转的文字，制作VB特效文字...

    Android代码-一款加载动画，不同的物体加速下落砸到了文字上，文字逞阻尼效果，向下弯曲并像橡皮筋一样弹动回去的效果

    &gt; 之前公司需要我等程序员左右一个特殊的loading效果，我们的APP是生鲜O2O的某公司，将原来listview的下拉loading动画更换成一个带有阻尼效果也就是橡皮筋效果的loading具体的就是水果往下砸的过程中，下面的文字会...

    61种flash 字体特效源文件下载

    Flash 5 点阵汉字特效这是一个用点阵方式的汉字实现的一些效果的集合，如果您自己动手会制作出惊人的东西(16KB) 61,2000121802102.zip 激光字 一个老的效果：用激光来写字，关心特殊效果的朋友一定要看看(6KB)...

    旋转LED配套资料

    旋转LED配套资料 目录 Mode LastWriteTime Length Name ---- ------------- ------ ---- d----- 2016-11-07 14:30 PC2002取模软件 d----- 2016-11-07 14:30 STC-ISP软件 d----- 2018-05-11 16:45 上位机改字...

    CSS3动画效果源代码27个合集.zip

    纯CSS3模拟风车转动效果纯css3云彩动画效果纯css3制作出来的狐狸尾巴燃烧...一个简单好看的纯CSS3翻书效果纯css3网页左上角扇形状导航效果适合图片列表排列(文字说明较多)的CSS3动画效果28个纯css3 加载loading动画...

    flash字体特效 CSDN 下载频道

    Flash 5 点阵汉字特效这是一个用点阵方式的汉字实现的一些效果的集合，如果您自己动手会制作出惊人的东西(16KB) 61,2000121802102.zip 激光字 一个老的效果：用激光来写字，关心特殊效果的朋友一定要看看(6KB)&lt;END&gt;

    HTML5 3D标签云动画旋转代码.zip

    一款简单好用的HTML5 3D标签云动画旋转代码，不需要额外的CSS样式，可使用鼠标与标签进行互动，鼠标悬停标签云停止旋转，所指向tag标签文字颜色高亮显示，其它标签文字则变暗。

    MFC，字体纵向显示，字体旋转，还要如何调用CFontDialg的属性值

    本人天半时间，终于琢磨出了，代码加运行效果图，还有超简单的代码，

    JavaScript网页特效范例宝典源码

    实例159 立体旋转文字 246 实例160 文字3D效果 248 5.7 文字动画效果 249 实例161 反弹文字 249 实例162 飞舞的文字 252 实例163 飞翔的文字 254 实例164 平面旋转的文字 257 实例165 输出文字 258 实例166 文字打字...

    ImageCombiner一个专门用于Java服务端图片合成的工具没有很复杂的功能简单实用

    ImageCombiner使用起来相当简单，主要的类只用一个，new一个ImageCombiner对象，指定背景图片和输出格式，然后加入各种素材元素，设置元素的位置、大小和效果（如圆角、颜色、透明度等），调用combine()方法即可。...

    使用QT6.3.1和ffmpeg4.2.2设计的一个简单的视频剪辑软件

    包括了文件导入、导出、视频播放、视频裁剪、多个视频合并、添加图片水印以及水印旋转、平移、淡入、淡出等特效、添加文字水印等多个功能。 （使用QT在指定绝对路径下运行‪E:\QTtask\Qt6Video\工程源文件）

Magicbox
Global site tag (gtag.js) - Google Analytics