文字跟随鼠标并围绕鼠标旋转效果,对网站推广宣传应该起到点作用。
<html>
<script language="JavaScript">
yourLogo = '欢迎来到源码搜藏WEB开发www.codesocang.com';
logoFont = 'Arial';
logoSize = 9;
logoColor = 'red';
logoWidth = 40;
logoHeight = 40;
logoSpeed = 0.03;
//Nothing needs altering below!
yourLogo = yourLogo.split('');
L = yourLogo.length;
Result = "<font face=" + logoFont + " style='font-size:" + logoSize + "pt' color=" + logoColor + ">";
TrigSplit = 360 / L;
br = (document.layers) ? 1 : 0;
if (br)
{
for (i = 0; i < L; i++)
document.write('<layer name="ns' + i + '" top=0 left=0 width=14 height=14">' + Result + yourLogo[i] + '</font></layer>');
}
else
{
document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < L; i++)
document.write('<div id="ie" style="position:absolute;top:0px;left:0px;width:14px;height:14px">' + Result + yourLogo[i] + '</font></div>');
document.write('</div></div>');
}
ypos = 0;
xpos = 0;
step = logoSpeed;
currStep = 0;
Y = new Array();
X = new Array();
Yn = new Array();
Xn = new Array();
for (i = 0; i < L; i++)
{
Yn[i] = 0;
Xn[i] = 0;
}
(document.layers) ? window.captureEvents(Event.MOUSEMOVE) : 0;
function Mouse(evnt)
{
ypos = (document.layers) ? evnt.pageY : event.y;
xpos = (document.layers) ? evnt.pageX : event.x;
}
(document.layers) ? window.onMouseMove = Mouse : document.onmousemove = Mouse;
function animateLogo()
{
if (!br) outer.style.pixelTop = document.body.scrollTop;
for (i = 0; i < L; i++)
{
var layer = (document.layers) ? document.layers['ns' + i] : ie[i].style;
layer.top = Y[i] + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180);
layer.left = X[i] + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180);
}
currStep -= step;
}
function Delay()
{
for (i = L; i >= 0; i--)
{
Y[i] = Yn[i] += (ypos - Yn[i]) * (0.1 + i / L);
X[i] = Xn[i] += (xpos - Xn[i]) * (0.1 + i / L);
}
animateLogo();
setTimeout('Delay()', 20);
}
window.onload = Delay;
// -->
</script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<style>
<!--
body, td, div { font-family: Verdana; font-size: 9pt }
-->
</style>
<title>围绕鼠标转动的文字-源码搜藏WEB开发www.codesocang.com</title>
</head>
<body>
</body>
</html>
<a href="http://www.codesocang.com/texiao/index.html">欢迎访问源码搜藏网页特效集</a>
相关内容推荐
热门源码