现在的位置: 首页 >> 网页设计 >> 网页特效 >> 图形特效鼠标停在文本上图片自动围绕
添加时间:2005-11-9 来源: 网上转帖   作者: 佚名
图形特效鼠标停在文本上图片自动围绕

说明: 鼠标停在文本上图片自动围绕

效果: 点这里在新窗口中看效果!

代码:


<!-- 将下列代码插到<head>区 -->
<script>
<!-- Beginning of JavaScript -
var x,y
var step=5
var flag=1
var pause
var timersmall
var timerbig
var isbigcircle=1
var pause=50
var bigradius
var smallradius=50
var startwinkel=1
var imgnumber=12
var imgsrc="ball.gif" //显示的图片
var xcenter
var ycenter
var pi= Math.PI
function onresizer() {
clearTimeout(timerbig)
clearTimeout(timersmall)
initiate()
}
function initiate() {
var initiatetimer=setTimeout("initiate2()",2000)
}
function initiate2() {
if (document.layers) {
xcenter=Math.floor(screen.width/2)
ycenter=Math.floor(window.innerHeight/2)
}
if (document.all) {
xcenter=Math.floor(document.body.clientWidth/2)
ycenter=Math.floor(document.body.clientHeight/2)
}
bigradius=ycenter
bigcircle()
}
function handlerMM(e){
x = (document.layers) ? e.pageX : event.clientX
y = (document.layers) ? e.pageY : event.clientY
flag=1
}
function bigcircle() {
if (isbigcircle==1) {
if (document.all) {
for (i=1; i<=imgnumber; i++) {
var thisspan = eval("document.all.span"+(i)+".style")
thisspan.posLeft=((xcenter-20)*Math.cos(startwinkel*(pi/180)))+xcenter
thisspan.posTop=((ycenter-20)*Math.sin(startwinkel*(pi/180)))+ycenter
startwinkel=startwinkel+30
}
}
if (document.layers) {
for (i=1; i<=imgnumber; i++) {
var thisspan = eval("document.span"+i)
thisspan.left=((xcenter-150)*Math.cos(startwinkel*(pi/180)))+(xcenter-145)
thisspan.top=((ycenter-20)*Math.sin(startwinkel*(pi/180)))+ycenter
startwinkel=startwinkel+30
}
}
step=step+5
startwinkel=step
timerbig=setTimeout("bigcircle()",pause)
}
else {
isbigcircle=0
clearTimeout(timerbig)
}
}
function presmallcircle() {
isbigcircle=0
clearTimeout(timerbig)
smallcircle()
}
function prebigcircle() {
isbigcircle=1
clearTimeout(timersmall)
bigcircle()
}
function smallcircle() {
if (isbigcircle==0) {
if (document.all) {
for (i=1; i<=imgnumber; i++) {
var thisspan = eval("document.all.span"+(i)+".style")
thisspan.posLeft=(smallradius*Math.cos(startwinkel*(pi/180)))+x
thisspan.posTop=(smallradius*Math.sin(startwinkel*(pi/180)))+y
startwinkel=startwinkel+30
}
}
if (document.layers) {
for (i=1; i<=imgnumber; i++) {
var thisspan = eval("document.span"+i)


[1] [2]  下一页


上一篇:图形特效模拟太空 下一篇:图形特效将图片固定在右下角
大部分文章摘自网上,如有侵犯您的权益请与我们联系,我们会第一时间进行处理,谢谢! [ 打印文章 ] [ 关闭窗口 ]
推荐文章
 
相关文章
 
最新文章
·加入收藏夹
·利用全屏打开加重定窗口大小产生
·设为首页
·去掉超链接的下划线
·自动刷新网页
·刷新本页
·返回到上一页
·跳出小窗口
·自动关闭窗口
·给页面加保护
Google