javascript文字旋转效果

展开 | 隐藏 | 停止 | 旋转 | 改变旋转方向
网页特效库
背景特效
整站模板
导航特效
时间特效
图象特效
文本特效




代码：
<html>
<body>
<style type="text/css">
BODY
{
background : #efefef;
font : 12px Verdana;
}
A { color : #e70 }
A:hover { text-decoration : none }
.spin
{
position : absolute;
visibility : hidden;
z-index : auto;
}
.spin A
{
font : 12px Verdana;
text-decoration : none;
}
.spin A:hover
{
text-decoration : underline overline;
}
</style>
<script language="JavaScript1.2">
function getPageSize()
{
        this.x = document.getElementsByTagName('html').item(0).clientWidth||document.getElementsByTagName('html').item(0).offsetWidth||document.body.offsetWidth||innerWidth
        this.y = document.getElementsByTagName('html').item(0).clientHeight||document.getElementsByTagName('html').item(0).offsetHeight||document.body.offsetHeight||innerHeight
        this.x2 = parseInt(this.x/2)||0
        this.y2 = parseInt(this.y/2)||0
        this.sx = document.body.scrollWidth||0
        this.sy = document.body.scrollHeight||0
}
var pg
var pi = 3.1415
function spinMenu(cls,rad,eSpd,rSpd,dir,x,y,noCt,runEx)
{
        pg = new getPageSize()
        this.cls = cls
        this.rad = rad
        this.eSpd = eSpd
        this.rSpd = rSpd
        this.dir = dir ? 1 : -1
        this.x = x<0 ? pg.x2 : x
        this.y = y<0 ? pg.y2 : y
        this.runEx = runEx||0
        this.noCt = noCt||0
        this.r = 0 // radius flux
        this.ex = 0 // expand timeout
        this.ct = 0 // contract timeout
        this.rt = 1 // rotate timeout
        this.vis = 0 // visibility
        this.rNum = 0 // rotational flux
        this.rSpd2 = 0 // rSpd holder
        this.exDone = 0 // expand complete?
        this.ctDone = 1 // contract complete?
        this.toFig = 0
        this.atX = 0
        this.atY = 0
        this.url = 0
        this.target = 0
        eval(this.obj + "=this")
        this.items = new Array()
        this.el = document.getElementsByTagName('div')
        for(i=0;(this.el.item(i));i++)
        {
                if(this.el.item(i).className==this.cls)
                {
                        this.el.item(i).onmouseover = new Function(this.obj+'.stop()')
                        this.el.item(i).onmouseout = new Function(this.obj+'.rotate()')
                        this.el.item(i).onclick = new Function(this.obj+'.contract()')
                        this.items[this.items.length] = this.el.item(i)
                }
        }
        delete this.el
        for(i=0;(this.items[i]);i++)
        {
                if(!this.items[i].childNodes.item(0).nodeValue)
                {
                        this.items[i].childNodes.item(0).onmouseover = new Function('status=this.href;return true')
                        this.items[i].childNodes.item(0).onmouseout = new Function('status=\'\';return true')
                        this.items[i].childNodes.item(0).onclick = new Function(this.obj+'.setURL(this.href,this.target);return false')
                        this.items[i].childNodes.item(0).onfocus = new Function('this.blur()')
                }
        }
        return this
}
spinMenu.prototype.init = function()
{
        this.hide()
        this.place()
        this.expand()
}
spinMenu.prototype.rotate = function()
{
        if(this.rSpd)
        {
                this.rNum += pi/(1000/this.rSpd)*this.dir
                if(this.exDone)
                {
                        this.place()
                        clearTimeout(this.rt)
                        this.rt = setTimeout(this.obj+'.rotate()',20)
                }
        }
}
spinMenu.prototype.stop = function()
{
        clearTimeout(this.rt)
        this.rt = 0
}
spinMenu.prototype.expand = function()
{
        if(this.exDone!=1)
        {
                this.ctDone=0
                if(!this.vis) this.show()
                if(this.runEx) eval(this.runEx)
                if(this.ct!=0)
                {
                        clearTimeout(this.ct)
                        this.ct = 0
                }
                if(this.r<this.rad)
                {
                        this.r += this.eSpd
                        if(this.rSpd2==0) this.rSpd2 = this.rSpd
                        this.rSpd = this.eSpd*3
                        this.rotate()
                        this.place()
                        this.ex = setTimeout(this.obj+'.expand()',10)
                }
                else
                {
                        this.ex = 0
                        this.rSpd = this.rSpd2
                        this.rSpd2 = 0
                        this.ctDone = 0
                        this.exDone = 1
                        this.rotate()
                }
        }
}
spinMenu.prototype.contract = function()
{
        if(this.ctDone!=1&&!this.noCt)
        {
                this.exDone = 0
                if(this.ex!=0)
                {
                        clearTimeout(this.ex)
                        this.ex = 0
                }
                if(this.r>0)
                {
                        this.r -= this.eSpd
                        if(this.rSpd2==0) this.rSpd2 = this.rSpd
                        this.rSpd = this.eSpd
                        this.rotate()
                        this.place()
                        this.ct = setTimeout(this.obj+'.contract()',10)
                }
                else
                {
                        this.rSpd = this.rSpd2
                        this.rSpd2 = 0
                        this.rNum = 0
                        this.stop()
                        this.hide()
                        this.exDone = 0
                        this.ctDone = 1
                        this.goURL()
                }
        }
        else this.goURL()
}
spinMenu.prototype.place = function()
{
        for(i=0;(this.items[i]);i++)
        {
                this.atPt(i)
                this.items[i].style.left = this.atX-(this.items[i].offsetWidth/2)+'px'
                this.items[i].style.top = this.atY-(this.items[i].offsetHeight/2)+'px'
        }
}
spinMenu.prototype.atPt = function(pt)
{
        this.toFig = pi/(this.items.length/2)*(pt+this.rNum)
        this.atX = parseInt(Math.cos(this.toFig)*this.r+this.x)
        this.atY = parseInt(Math.sin(this.toFig)*this.r+this.y)
}
spinMenu.prototype.show = function()
{
        for(i=0;(this.items[i]);i++)
        {
                this.items[i].style.display = 'block'
                this.items[i].style.visibility = 'visible'
                this.vis = 1
        }
}
spinMenu.prototype.hide = function()
{
        for(i=0;(this.items[i]);i++)
        {
                this.items[i].style.visibility = 'hidden'
                this.items[i].style.display = 'none'
                this.vis = 0
        }
}
spinMenu.prototype.changeDir = function()
{
        this.dir = this.dir==1 ? -1 : 1
}
spinMenu.prototype.setURL = function(url,target)
{
        this.url = url
        this.target = target
}
spinMenu.prototype.goURL = function()
{
        if(this.url)
        {
                if(!this.target)
                        if(document.getElementsByTagName('base').length) this.target = document.getElementsByTagName('base').item(0).target
                if(this.target)
                {
                        if(this.target=='_blank') open(this.url)
                        else if(this.target=='_parent') parent.location = this.url
                        else if(this.target=='_top') top.location = this.url
                        else if(this.target.indexOf('_')<0)
                        {
                                if(eval('parent.'+this.target)) eval('parent.'+this.target+'.document.location=this.url')
                                else if(eval('top.'+this.target)) eval('top.'+this.target+'.document.location=this.url')
                                else open(this.url,this.target)
                        }
                        else location = this.url
                }
                else location = this.url
                this.url = 0
        }
}
</script>
<script language="JavaScript1.2" type="text/javascript">
function centerIt()
{
pg = new getPageSize()
menu.x = pg.x2-10
menu.y = pg.y2
}
function initSpinMenu()
{
menu = new spinMenu(
'spin', // className
120, // radius
12, // expand/contract speed
3, // rotational speed
1, // direction (cw=1,ccw=0)
-1, // origin x
-1, // origin y
0, // stay expanded?
0 // run before expand
)
menu.init()
}
οnlοad=initSpinMenu
οnresize=centerIt
</script>
<base target="newWin">
<div align="right"><a href="javascript:menu.expand()" target="_self">展开</a> | <a href="javascript:menu.contract()" target="_self">隐藏</a> | <a href="javascript:menu.stop()" target="_self">停止</a> | <a href="javascript:menu.rotate()" target="_self">旋转</a> | <a href="javascript:menu.changeDir()" target="_self">改变旋转方向</a></div>
<div class="spin"><a href="http://www.butong.net">网页特效库</a></div>
<div class="spin"><a href="http://www.butong.net/background/index.htm">背景特效</a></div>
<div class="spin"><a href="http://www.butong.net/moban/index.htm">整站模板</a></div>
<div class="spin"><a href="http://www.butong.net/navigation/index.htm">导航特效</a></div>
<div class="spin"><a href="http://www.butong.net/time/index.htm">时间特效</a></div>
<div class="spin"><a href="http://www.butong.net/img/index.htm">图象特效</a></div>
<div class="spin"><a href="http://www.butong.net/text/index.htm">文本特效</a></div> </body>
</html>

转载于:https://www.cnblogs.com/javak/archive/2008/06/25/1229866.html

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/411680.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

python的创始人、特点应用领域_python学习笔记（python发展介绍）

python的创始人、特点应用领域_python学习笔记（python发展介绍）

一、python介绍python的创始人为吉多・范罗苏姆(Guido van Rossum)目前python主要应用领域&#xff1a;・云计算・WEB开发・科学运算、人工智能・系统运维・金融&#xff1a;量化交易&#xff0c;金融分析等&#xff0c;作为动态语言的python&#xff0c;语言结构清晰简单&…
阅读更多...
kubernetes ui 搭建

kubernetes ui 搭建

1、部署Kubernetes云计算平台&#xff0c;至少准备两台服务器&#xff0c;此处为3台 Kubernetes Master节点&#xff1a;192.168.0.111 Kubernetes Node1节点&#xff1a;192.168.0.112 Kubernetes Node2节点&#xff1a;192.168.0.113 2、每台服务器主机都运行如下命令 system…
阅读更多...
[html] 你喜欢哪种布局风格？说说你的理由

[html] 你喜欢哪种布局风格？说说你的理由

[html] 你喜欢哪种布局风格&#xff1f;说说你的理由 flex个人简介 我是歌谣&#xff0c;欢迎和大家一起交流前后端知识。放弃很容易&#xff0c; 但坚持一定很酷。欢迎大家一起讨论 主目录 与歌谣一起通关前端面试题
阅读更多...
异常:由于代码已经过优化或者本机框架位于调用堆栈之上,无法计算表达式的值...

异常:由于代码已经过优化或者本机框架位于调用堆栈之上,无法计算表达式的值...

异常:由于代码已经过优化或者本机框架位于调用堆栈之上,无法计算表达式的值 原因&#xff1a; 如果使用 Response.End、Response.Redirect 或 Server.Transfer 方法&#xff0c;将出现 ThreadAbortException 异常。您可以使用 try-catch 语句捕获此异常。 Response.End 方法终…
阅读更多...
[html] 移动端如何让页面强制横屏显示？

[html] 移动端如何让页面强制横屏显示？

[html] 移动端如何让页面强制横屏显示&#xff1f; 说个想法 不一定能实现web端的话 通过判断页面屏幕宽度&#xff08;这个得开陀螺仪权限吧&#xff09; 然后经行div旋转个人简介 我是歌谣&#xff0c;欢迎和大家一起交流前后端知识。放弃很容易&#xff0c; 但坚持一定很酷…
阅读更多...
多项目加载顺序修改_React推出并发模式：可中断渲染、指定加载顺序、并行处理多状态...

多项目加载顺序修改_React推出并发模式：可中断渲染、指定加载顺序、并行处理多状态...

警告&#xff1a;本文档介绍的实验功能在稳定版本中尚不可用。不要在生产应用程序中依赖 React 的实验性构建。这些功能可能会发生重大更改&#xff0c;而且直到功能成为 React 的一部分之前这类更改都不会发出警告。本文档面向早期使用者和对此感兴趣的用户。如果你不熟悉 Rea…
阅读更多...
[html] 制作一个多选的下拉框

[html] 制作一个多选的下拉框

[html] 制作一个多选的下拉框 定义盒子 a标签 绑定事件个人简介 我是歌谣&#xff0c;欢迎和大家一起交流前后端知识。放弃很容易&#xff0c; 但坚持一定很酷。欢迎大家一起讨论 主目录 与歌谣一起通关前端面试题
阅读更多...
好东西仿Vista窗体

好东西仿Vista窗体

这是在网上看到的&#xff0c;然后改了一下&#xff01; 很好调用&#xff01;&#xff01;&#xff01;&#xff01; <SCRIPT src"_Window.js" typetext/javascript></SCRIPT> 窗体类 <SCRIPT src"index.js" typetext/javascript> /…
阅读更多...
同步考勤数据 钉钉_作为学校，我为何选择微校wxiao考勤打卡？

同步考勤数据 钉钉_作为学校，我为何选择微校wxiao考勤打卡？

随着移动互联网的兴起&#xff0c;越来越多的中小学摒弃了传统纸质考勤方式&#xff0c;采用智能考勤。目前&#xff0c;最常用的智能考勤方式可分为基于非移动端和移动端两种。其中&#xff0c;基于非移动端的包括人脸识别、指纹识别、虹膜识别考勤方式&#xff0c;基于移动端…
阅读更多...
Guitar Por如何演奏刮弦

Guitar Por如何演奏刮弦

每当我们听到吉他现场演出的时候&#xff0c;看到吉他手在激烈的刮弦时&#xff0c;都觉得很酷&#xff0c;非常有感染力。刮弦在我们弹吉他或编曲时&#xff0c;会经常用到&#xff0c;虽然时间很短&#xff0c;但会为你加分不少。 那么我们应该如何演奏刮弦呢&#xff0c;我们…
阅读更多...
[html] HTML全局属性(global attribute)有哪些（包含H5）？

[html] HTML全局属性(global attribute)有哪些（包含H5）？

[html] HTML全局属性(global attribute)有哪些&#xff08;包含H5&#xff09;&#xff1f; classiddatatypehrefstylewidthheighttargecheckeddisabledrequierefalttitlenamemulitp...多选valuereplaceholdersrc个人简介 我是歌谣&#xff0c;欢迎和大家一起交流前后端知识。…
阅读更多...
3.6-3.8 分布式环境启动、测试

3.6-3.8 分布式环境启动、测试

一、HDFS1、初始化文件系统#master上 [rootmaster hadoop-2.5.0]# pwd /opt/app/hadoop-2.5.0[rootmaster hadoop-2.5.0]# bin/hdfs namenode -format #最后几行看到successfully&#xff0c;代表成功2、启动#启动 [rootmaster hadoop-2.5.0]# sbin/start-dfs.sh集群批量命令…
阅读更多...
unity 日志级别_【Unity】通用的Debugger日志模块

unity 日志级别_【Unity】通用的Debugger日志模块

usingSystem;usingSystem.IO;namespaceUnityEngine{/// ///系统日志模块/// public classDebugger{public static bool EnableLog; //是否启用日志&#xff0c;仅可控制普通级别的日志的启用与关闭&#xff0c;LogError和LogWarn都是始终启用的。public static bool EnableTime…
阅读更多...
[html] html的元素有哪些（包含H5）？

[html] html的元素有哪些（包含H5）？

[html] html的元素有哪些&#xff08;包含H5&#xff09;&#xff1f; 块级元素&#xff1a;head -meat - 申明页面的诸多属性title - 窗口标题style - 样式body - 文本内容header - 头部块section - 内容块footer - 底部块article - 文章标签asidenavmenubirhr - 下划线h1-h6…
阅读更多...
LINQ - 對付 SQL Injection 的 免費補洞策略 （转）

LINQ - 對付 SQL Injection 的 免費補洞策略 （转）

LINQ - 對付 SQL Injection 的 "免費補洞策略" LINQ - 對付 SQL Injection 的 "免費補洞策略" 作者&#xff1a;黃忠成 一連串的 Mass SQL Injection 攻擊&#xff0c;讓我們回憶起數年前的 SQL Injection 攻擊&#xff0c;多年後的今天&#xff0c;我們仍…
阅读更多...
【BZOJ2054】疯狂的馒头（并查集）

【BZOJ2054】疯狂的馒头（并查集）

/* 经典思路&#xff0c; 倒序并查集处理即可*/#include<cstdio> #include<algorithm> #include<cstring> #include<queue> #include<iostream> #define ll long long #define mmp make_pair #define M 1000010 using namespace std; int read()…
阅读更多...
[html] 渐进式渲染是什么？

[html] 渐进式渲染是什么？

[html] 渐进式渲染是什么&#xff1f; 渐进式渲染指在做浏览器兼容时&#xff0c;先兼容最低版本&#xff0c;保证基本功能&#xff0c;然后再在高级浏览器上做优化个人简介 我是歌谣&#xff0c;欢迎和大家一起交流前后端知识。放弃很容易&#xff0c; 但坚持一定很酷。欢迎…
阅读更多...
mysql int()_简单谈谈MySQL中的int(m)

mysql int()_简单谈谈MySQL中的int(m)

我们在设计表的时候&#xff0c;如果碰到需要设置int(整型)的时候&#xff0c;通常会按照惯例(大家都这样写)设置成int(11)。那么这里为什么是11呢&#xff1f;代表的又是什么呢&#xff1f;以前我一直以为这里是在限制int显示的宽度&#xff0c;后来仔细研究和通过上网查询发现…
阅读更多...
Visual Studio .Net团队开发[转]

Visual Studio .Net团队开发[转]

一、 开发前的准备1、 在装有Windows 2000或者Windows XP Professional的机器上安装.net Framework SDK、Visual Studio.Net、Visual Source Safe 6C。&#xff08;如果用户操作系统是Windows .Net Server&#xff0c;则无须安装.Net Framework SDK&#xff0c;.Net Server自带…
阅读更多...
mysql数据库root密码在哪个文件中_mysql - 本地数据库忘记了root用户的密码

mysql数据库root密码在哪个文件中_mysql - 本地数据库忘记了root用户的密码

在连接本地mysql数据库一直都是客户端保存密码&#xff0c;然后一键登录。突然开发要用到这个数据库时&#xff0c;脑子嗡嗡的了……忘记了密码&#xff0c;试了很多遍还是记不起来。没办法只能去找方案了&#xff0c;网上还是有很多跟我一样的大佬的。这里记录下&#xff0c;省…
阅读更多...
最新文章

Copyright @ 2022~2023