Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[发布] 新做的首页鼠标特效 FOR 5.5 6.0

[复制链接]
vpeo 发表于 2007-12-28 16:05:44 | 显示全部楼层 |阅读模式
第一次发贴, 请大家多多支持.
不容易抓图. 这个特效就是可以在 标签以上部分生成环绕鼠标转动的文字
演示  www.motor88.cn
代码复制到   基本设置   ---搜索引擎优化---其它头部信息  即可


<SCRIPT language=javascript>
<!--
yourLogo='迷你摩托车社区欢迎您  ';//改这里的文字//
logoFont='Arial';
logoSize=2; // 1-7 only! for larger font sizes alter logoWidth/Height accordingly!
logoColor='FF0000';//在此填写颜色//
logoWidth=70;
logoHeight=70;
logoSpeed=0.03;


//Nothing needs altering below!
yourLogo=yourLogo.split('');
L=yourLogo.length;
Result="<font face="+logoFont+" size="+logoSize+" 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+'</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+'</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=0;
Xn=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.style;
layer.top =Y+logoHeight*Math.sin(currStep+i*TrigSplit*Math.PI/180);
layer.left=X+logoWidth*Math.cos(currStep+i*TrigSplit*Math.PI/180);
}
currStep-=step;
}
function Delay(){
for (i=L; i >= 0; i--)
{
Y=Yn+=(ypos-Yn)*(0.1+i/L);           
X=Xn+=(xpos-Xn)*(0.1+i/L);        
}
animateLogo();
setTimeout('Delay()',20);
}
window.onload=Delay;
// --></SCRIPT>

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
 楼主| vpeo 发表于 2007-12-28 16:07:06 | 显示全部楼层
自己占个贴.
回复

使用道具 举报

bbsguild 发表于 2007-12-28 16:29:41 | 显示全部楼层

我几年前也收集了一个.

  1. <style type="text/css">
  2. .spanstyle {
  3. COLOR: #C5389A; FONT-FAMILY: 宋体; FONT-SIZE: 10pt; POSITION: absolute; TOP: -50px; VISIBILITY: visible
  4. }
  5. </style>
  6. <script>
  7. var x,y
  8. var step=18
  9. var flag=0
  10. var message="★欢迎你的光临K1HOST.COM★"

  11. message=message.split("")
  12. var xpos=new Array()
  13. for (i=0;i<=message.length-1;i++) {
  14. xpos=-50
  15. }

  16. var ypos=new Array()
  17. for (i=0;i<=message.length-1;i++) {
  18. ypos=-200
  19. }

  20. function handlerMM(e){
  21. x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
  22. y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
  23. flag=1
  24. }

  25. function www_xise_cn() {
  26. if (flag==1 && document.all) {
  27. for (i=message.length-1; i>=1; i--) {
  28. xpos=xpos[i-1]+step
  29. ypos=ypos[i-1]
  30. }
  31. xpos[0]=x+step
  32. ypos[0]=y

  33. for (i=0; i<message.length-1; i++) {
  34. var thisspan = eval("span"+(i)+".style")
  35. thisspan.posLeft=xpos
  36. thisspan.posTop=ypos
  37. }
  38. }

  39. else if (flag==1 && document.layers) {
  40. for (i=message.length-1; i>=1; i--) {
  41. xpos=xpos[i-1]+step
  42. ypos=ypos[i-1]
  43. }
  44. xpos[0]=x+step
  45. ypos[0]=y

  46. for (i=0; i<message.length-1; i++) {
  47. var thisspan = eval("document.span"+i)
  48. thisspan.left=xpos
  49. thisspan.top=ypos
  50. }
  51. }
  52. var timer=setTimeout("www_xise_cn()",30)
  53. }

  54. for (i=0;i<=message.length-1;i++) {
  55. document.write("<span id='span"+i+"' class='spanstyle'>")
  56. document.write(message)
  57. document.write("</span>")
  58. }

  59. if (document.layers){
  60. document.captureEvents(Event.MOUSEMOVE);
  61. }
  62. document.onmousemove = handlerMM;
  63. www_xise_cn();
  64. // -->
  65. </script>
复制代码
注意:
1)★欢迎你的光临马来西亚免费空间协会★可以改成你要的欢迎字句
2)COLOR: #C5389A  这个呈现的字体颜色,可以根据自己喜欢的颜色替换
回复

使用道具 举报

ybs885 发表于 2007-12-28 17:10:14 | 显示全部楼层
支持下//////但是这个...还不详用
回复

使用道具 举报

kiss8 发表于 2007-12-28 18:48:42 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

破帽遮颜 发表于 2007-12-28 19:00:33 | 显示全部楼层
恶心!~~~~~~~~~~~~~~~~~~~~~~~~
回复

使用道具 举报

星火联谊2 发表于 2007-12-29 08:49:35 | 显示全部楼层
太恶心了  完全没意义的东西
回复

使用道具 举报

Dance_K.Macy 发表于 2007-12-29 09:13:58 | 显示全部楼层
不错不错。。。。。。
回复

使用道具 举报

Dance_K.Macy 发表于 2007-12-29 09:14:31 | 显示全部楼层
不错不错。。。。。。赞个,
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-16 15:57 , Processed in 0.027352 second(s), 3 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表