鼠标下浮动文字
来源:互联网 发布:groovy json 中文 编辑:程序博客网 时间:2024/04/28 13:01
<SCRIPT LANGUAGE="JavaScript">
if (document.all) {
yourLogo = "LuckyJan ● 健康快乐 ●";
logoFont = "宋体";
logoColor = "blue";
yourLogo = yourLogo.split('');
L = yourLogo.length;
TrigSplit = 360 / L;
Sz = new Array()
logoWidth = 100;
logoHeight = -30;
ypos = 0;
xpos = 0;
step = 0.03;
currStep = 0;
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:10px;height:10px;font-family:'+logoFont+';font-size:12px;'
+'color:'+logoColor+';text-align:center">'+yourLogo[i]+'</div>');
}
document.write('</div></div>');
function Mouse() {
ypos = event.y;
xpos = event.x - 5;
}
document.onmousemove=Mouse;
function animateLogo() {
outer.style.pixelTop = document.body.scrollTop;
for (i = 0; i < L; i++) {
ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180);
ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180);
Sz[i] = ie[i].style.pixelTop - ypos;
if (Sz[i] < 5) Sz[i] = 5;
ie[i].style.fontSize = Sz[i] / 1.7;
}
currStep -= step;
setTimeout('animateLogo()', 20);
}
if (document.all) {
yourLogo = "LuckyJan ● 健康快乐 ●";
logoFont = "宋体";
logoColor = "blue";
yourLogo = yourLogo.split('');
L = yourLogo.length;
TrigSplit = 360 / L;
Sz = new Array()
logoWidth = 100;
logoHeight = -30;
ypos = 0;
xpos = 0;
step = 0.03;
currStep = 0;
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:10px;height:10px;font-family:'+logoFont+';font-size:12px;'
+'color:'+logoColor+';text-align:center">'+yourLogo[i]+'</div>');
}
document.write('</div></div>');
function Mouse() {
ypos = event.y;
xpos = event.x - 5;
}
document.onmousemove=Mouse;
function animateLogo() {
outer.style.pixelTop = document.body.scrollTop;
for (i = 0; i < L; i++) {
ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180);
ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180);
Sz[i] = ie[i].style.pixelTop - ypos;
if (Sz[i] < 5) Sz[i] = 5;
ie[i].style.fontSize = Sz[i] / 1.7;
}
currStep -= step;
setTimeout('animateLogo()', 20);
}
window.onload = animateLogo;
}
</script>
- 鼠标下浮动文字
- 鼠标下浮动文字
- 鼠标下浮动的文字和时钟(转帖修改)
- css布局:IE下浮动(float)bug
- IE7下浮动元素margin-bottom失效
- 解决不同分辨率下浮动div层位置问题
- 解释下浮动和它的工作原理
- IE6下浮动元素边距加倍问题分析
- 鼠标可以动了。。
- 关于IE6下浮动引起padding加倍的假象(能让人吐血)
- 一句white-space:nowrap解决IE6,IE7下浮动元素不自动换行
- IE7下浮动(float)层不能实现环绕的问题
- 解释下浮动和它的工作原理?清除浮…
- 解释下浮动和它的工作原理?清除浮动的技巧
- UITextField输入文字下浮问题及更改模态视图导航条样式
- jQuery鼠标托动元素
- 文字和图表一起动
- 鼠标经过显示文字
- 观察电子政务 谁动了我的流程?
- 政府网站:不做“聋子耳朵”和“形象工程”
- C#中参数的使用
- 直面电子政务三大矛盾
- 以政府门户网站统筹电子政务发展
- 鼠标下浮动文字
- java--单键表
- 数据库开发个人总结(ADO.NET)
- 电子政务趋势谈
- 用连接池提高Servlet访问数据库的效率
- 探寻随需应变的轨迹
- 电子能取代政府吗?
- 我在mscenter上的“个人简介”
- 立体认识电子政务