一款鼠标跟随特效代码

1、一款鼠标跟随特效代码篇一：网页制作特效鼠标特效代码网页制作特效鼠标特效说明：选择下列特效中的一种，选择其中蓝色的部分，粘贴在 html 的之 间，预览效果。(一) 时钟环绕鼠标之间->dCol="0000FF"fCol="FF0000"sCol="00FF00"mCol="000000"hCol="000000"ClockHeight=40;ClockWidth=40;ClockFromMouseY=0;ClockFromMouseX=100;d=new Array(" 星期日

2、"," 星期一 "," 星期二 "," 星期三 "," 星期四 "," 星期五 "," 星期六 ");m=new Array("1 月 ","2 月","3 月","4 月 ","5 月 ","6 月","7 月","8 月 ","9 月","10 月","1

3、1 月","12 月");date=new Date();day=date.getDate();year=date.getYear();if (yearTodaysDate="年"+mdate.getMonth()+" "+day+” 日+ddate.getDay()+" "+year; D=TodaysDate.split('');U-''H=.;H=H.split('');M=''M=M.split('');S='

4、'S=S.split('');Face='1 2 3 4 5 6 7 8 9 10 11 12'font='Arial'size=1;speed=0.6;ns=(document.layers);ie=(document.all);Face=Face.split(' ');n=Face.length;a=size*10;ymouse=0;xmouse=0;scrll=0;props=""props2=""Split=360/n;Dsplit=360/D.length;HandHeig

5、ht=ClockHeight/4.5HandWidth=ClockWidth/4.5HandY=-7;HandX=-2.5;scrll=0;step=0.06;currStep=0;y=new Array();x=new Array();Y=new Array();X=new Array();for (i=0; iDy=new Array();Dx=new Array();DY=newArray();DX=new Array();for (i=0; iif (ns)for (i=0; idocument.write(''+props2+Di+'');for (i

6、=0; idocument.write(''+props+Facei+'');for (i=0; idocument.write(''+Si+'');for (i=0; idocument.write(''+Mi+'');for (i=0; idocument.write(''+Hi+'');if (ie)document.write('');for (i=0; idocument.write(''+props2+Di+'

7、9;);document.write('');document.write('style="position:relative">');for (i=0; idocument.write(''+props+Facei+'');document.write('');document.write('');for (i=0; idocument.write(''+Hi+'');document.write('');document.

8、write('');for (i=0; idocument.write(''+Mi+'');document.write('')document.write('');for (i=0; idocument.write(''+Si+'');document.write('')(ns)?window.captureEvents(Event.MOUSEMOVE):0;function Mouse(evnt)ymouse = (ns)?evnt.pageY+ClockFrom

9、MouseY-(window.pageYOffset):event.y+ClockFromMouseY; xmouse =(ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;function ClockAndAssign()time = new Date ();secs = time.getSeconds();sec = -1.57 + Math.PI * secs/30;mins = time.getMinutes();

10、min = -1.57 + Math.PI * mins/30;hr = time.getHours();hrs = -1.575 + Math.PI *hr/6+Math.PI*parseInt(time.getMinutes()/360;if (ie)Od.style.top=window.document.body.scrollTop;Of.style.top=window.document.body.scrollTop;Oh.style.top=window.document.body.scrollTop;Om.style.top=window.document.body.scroll

11、Top;Os.style.top=window.document.body.scrollTop;for (i=0; ivarF=(ns)?document.layers'nsFace'+i:ieFacei.style;F.top=yi + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll;F.left=xi + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180);for (i=0; ivarHL=(ns)?document.layers'nsHours&#

12、39;+i:ieHoursi.style;HL.top=yi+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;HL.left=xi+HandX+(i*HandWidth)*Math.cos(hrs);for (i=0; ivarML=(ns)?document.layers'nsMinutes'+i:ieMinutesi.style;ML.top=yi+HandY+(i*HandHeight)*Math.sin(min)+scrll;ML.left=xi+HandX+(i*HandWidth)*Math.cos(min);for (i=0; i

13、varSL=(ns)?document.layers'nsSeconds'+i:ieSecondsi.style;SL.top=yi+HandY+(i*HandHeight)*Math.sin(sec)+scrll;SL.left=xi+HandX+(i*HandWidth)*Math.cos(sec);varfor (i=0; iDL=(ns)?document.layers'nsDate'+i:ieDatei.style;DL.top=Dyi +ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+s

14、crll;DL.left=Dxi +ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180); currStep-=step;function Delay()scrll=(ns)?window.pageYOffset:0;Dy0=Math.round(DY0+=(ymouse)-DY0)*speed);Dx0=Math.round(DX0+=(xmouse)-DX0)*speed);for (i=1; iDyi=Math.round(DYi+=(Dyi-1-DYi)*speed);Dxi=Math.round(DXi+=(Dxi-1-DXi)

15、*speed);y0=Math.round(Y0+=(ymouse)-Y0)*speed);x0=Math.round(X0+=(xmouse)-X0)*speed);for (i=1; iyi=Math.round(Yi+=(yi-1-Yi)*speed);xi=Math.round(Xi+=(xi-1-Xi)*speed);ClockAndAssign();setTimeout('Delay()',40);if (ns|ie)window.onload=Delay;/->( 二 ) 很酷的跟随鼠标的三色彩带之间 ->var a_Colour='fff00

16、0'var b_Colour='00ff00'var c_Colour='ff00ff'var Size=120;var YDummy=new Array(),XDummy=newArray(),xpos=0,ypos=0,ThisStep=0;step=0.6; if (document.layers)window.captureEvents(Event.MOUSEMOVE);function nsMouse(evnt)xpos = window.pageYOffset+evnt.pageX+6;ypos = window.pageYOffset+ev

17、nt.pageY+16;window.onMouseMove = nsMouse;else if (document.all)function ieMouse()xpos = document.body.scrollLeft+event.x+6;ypos = document.body.scrollTop+event.y+16;document.onmousemove = ieMouse;function swirl()for (i = 0; i篇二：简单的网页鼠标跟随代码放入标签中就OK html overflow: hidden;body position: absolute;height

18、: 100%;width: 100%;margin:0;padding:0;#screen background:#000;position: absolute;width: 100%;height: 100%;#screen span background: #fff;font-size: 0;overflow: hidden;width: 2px;height: 2px;var $ = function (i) return document.getElementById(i),addEvent = function (o, e, f) o.addEventListener ?o.addE

19、ventListener(e, f, false) : o.attachEvent('on'+e, function()f.call(o),OBJ = , sp, rs, N = 0, m;var init = function (id, config) this.config = config | ;this.obj = $(id);sp = this.config.speed | 4;rs = this.config.animR | 1;m = x: $(id).offsetWidth * .5, y: $(id).offsetHeight * .5;this.setXY(

20、);this.start();totype = setXY : function () var _this = this;addEvent(this.obj, 'mousemove', function (e) e = e | window.event;m.x = e.clientX;m.y = e.clientY;),start : function () var k = 180 / Math.PI, OO, o, _this = this, fn = this.config.fn;OBJN+ = OO = new CObj(null, 0, 0);for(v

21、ar i=0;i var O = OO;for(var j=10; jvar x = fn(i, j).x,y = fn(i, j).y;OBJN+ = o = new CObj(O , x, y);O = o;setInterval(function() for (var i = 0; i, 16);var CObj = function (p, cx, cy) var obj = document.createElement("span");this.css = obj.style;this.css.position = "absolute"this

22、.css.left = "-1000px"this.css.zIndex = 1000 - N;document.getElementById("screen").appendChild(obj);this.ddx = 0;this.ddy = 0;this.PX = 0;this.PY = 0;this.x = 0;this.y = 0;this.x0 = 0;this.y0 = 0;this.cx = cx;this.cy = cy;this.parent = p;COtotype.run = function () if (!this.

23、parent) this.x0 = m.x;this.y0 = m.y; else this.x0 = this.parent.x;this.y0 = this.parent.y;this.x = this.PX += (this.ddx += (this.x0 - this.PX - this.ddx) + this.cx) / rs) / sp; this.y = this.PY += (this.ddy += (this.y0 - this.PY - this.ddy) + this.cy) / rs) / sp; this.css.left = Math.round(this.x) +

24、 'px'this.css.top = Math.round(this.y) + 'px'return init;();new Follow('screen', speed: 4,animR : 2,fn : function (i, j) return x : j/4*Math.cos(i),y : j/4*Math.sin(i)篇三： Flash 常见的鼠标跟随效果Flash 常见的鼠标跟随效果flash 中的鼠标可以更有个性些，做起来也不算复杂，比如把鼠标指针换成你喜欢的样子，或让鼠标指针有一个灵动飘逸的跟随，如下图中的效果，怎么样？动手试

25、试：一、例1:让鼠标指针变变样：把鼠标变成上面第一个图的样子，当然你爱咋样子的都行，比如一个字，一种形状，一张图片都行。过程：1) 插入一个元件，类型为影片剪辑，自己动手画个形状吧，像上面图一那样的也行，这不要紧，要紧的是在元件编辑视图下，要将这个图形的左上角对准中心的十字，否则鼠标定位时会有误差，如图： 小技巧：直接在舞台上绘图，完成后全选并右击，选择“转换为元件影片剪辑确定”，这样做影片剪辑，会自动对齐。 2) 把影片剪辑放到舞台上，实例名为： mouse_mc3) 在帧上加代码，非常简单：mouse_mc.startDrag(false);stage.addEventListener(E

26、vent.ENTER_FRAME,myMouse);function myMouse(evt:Event) mouse_mc.x = mouseX;mouse_mc.y = mouseY;Mouse.hide();其中 Mouse.hide(); 的作用是隐藏默认的鼠标指针，如果要恢复显示：Mouse.show();二、例2:鼠标指针后面跟随飘逸的枫叶：过程：1)把这几张图下载到你的电脑上，并导入到 flash 库中去。2)把这些图拖到舞台上去，按图从小到大的顺序依次分别右击他们，并选“转换成元件影片剪辑确定”：按“从小到大”的顺序操作，是为了叠放次序，后来居上：虽然在同一时间轴图层上，但后转

27、换成影片剪辑的会居上方。3)同样从小到大，依次取实例名为：level0 、 level1 、 level2 、 level3 、 level4 、 level54)在帧上加一些简单的代码即可：level0.startDrag(false);stage.addEventListener(Event.ENTER_FRAME,myMouse);function myMouse(evt:Event) level0.x = stage.mouseX + 20;level0.y = stage.mouseY + 10;var speed:uint = 3;for (var i:uint = 1; ithi

28、s"level"+i.x +=(this"level" + (i-1).x - this"level" + i.x )/speed;this"level"+i.y +=(this"level" + (i-1).y - this"level" +i.y )/speed;三、例3：鼠标跟随飘动的文字这个其实和例 2 是一样的，把图片换成一个个文字，其他的过程一样，数量有些不同，改改相关的代码即可。但这个例子，想和大家一起用代码方式做，代码如下，不理解也没关系，复制到第一帧上，可以

29、改一改跟随文字，比如把“打倒日本帝国主义”改成“钓鱼岛是中国的固有领土”，呵呵：/*从这里复制开始*var _text:String = " 打倒日本帝国主义"var i:uint = 0;var arrTextSprite:Array = newArray();for (i; iarrTextSpritei = addTextField(_text.charAt(i);stage.addChild(arrTextSpritei);arrTextSprite0.startDrag(false);stage.addEventListener(Event.ENTER_FRAME

30、,myMouse);function myMouse(evt:Event) arrTextSprite0.x = stage.mouseX + 20;arrTextSprite0.y = stage.mouseY + 10;var speed:uint = 3;for (i = 1; iarrTextSpritei.x += (arrTextSpritei-1.x -arrTextSpritei.x + 15)/speed; arrTextSpritei.y +=(arrTextSpritei-1.y - arrTextSpritei.y)/speed; function addTextFie

31、ld(str:String):Sprite / 定义字体风格var myTextFormat:TextFormat = new TextFormat();myTextFormat.size = 15;myTextFormat.align = TextFieldAutoSize.CENTER;/ 添加文本框并应用风格var myTextField:TextField = new TextField();myTextField.width= 20;myTextField.height = 20;myTextField.selectable = false;myTextField.multiline

32、= false;myTextField.defaultTextFormat = myTextFormat;myTextField.text = str;/将文本框加入到S prite ,就像是在舞台上将一个文本框转换成影片剪辑var mySprite:Sprite = new Sprite();mySprite.addChild(myTextField);return mySprite;复制到这一行结束/*四、例4：群星飞瀑鼠标跟随效果过程：（一）新建一个flash 文档，背景为黑色，帧频为20。（二）绘制星星：1）插入一个元件，类型为“图形”，确定后进入到元件编辑状态下，适当放大视图，然后进

33、行绘图。2）画一个无线框圆，白色，透明度33%，再调成纵向窄条；画一个无边线六边形，白色，透明66%，拽一拽上下两个顶点，让它们不那么冒尖，然后再调成窄条；再制一个窄条，透明度调成100%，即不透明。将三个窄条组合，调整长短、宽窄，然后叠起来；最后再复制一下，叠成十字形状，如下图：3）画三个圆，无边线，白色，透明分别为33%、 66%、 100%，再将它们组合、重叠起来，调整好大小位置，如图：4）将十字和圆圈叠起来，调好适当大小位置，并组合；将组合图中心点对齐到“十”字上，大小设为 16*16 像素，一个小星星，如图：（三）制作星星播放动画：1）插入一个元件，类型为“影片剪辑”，进入到元件编辑

34、视图下，在第一帧上，将刚才做好星星拖入，中心点对齐到中间“十”字上。2）在第10帧上插入一个关键帧，将星星 Y轴下调130像素，旋转90度, 并与第一帧之间创建补动画。3）在时间轴上，再添加四个图层，分别为“图层2 到图层5”，再将“图层 1 ”已经做好的帧分别复制粘贴到这四个图层上，如下图左：4）由下往上，将各图层第一帧上的星星透明度分别调整为20%、 40%、60%、 80%、 100%，最后一帧上的星星透明度都调为0%全透明。5）再如上图右边那样，将各图层的第一层和最后一帧的位置拖动到适当的位置上6）图层 1 的最后一帧（第 30 帧）添加代码stop（） ，即播放到最后停止。（ 四）添

35、加类：在库中找到刚才做好的动画影片剪辑元件， “右击链接”，如图勾选两个选项，“类”后面输入：mouse_mc基类保留默认。（五）在主场景第一帧中加入代码：stage.addEventListener(MouseEvent.MOUSE_MOVE,onMove);var nCount:uint = 0;function onMove(evt:Event)if(nCount %3 = 0)var _mc:mouse_mc = new mouse_mc();_mc.x = stage.mouseX;_mc.y = stage.mouseY;addChild(_mc);nCount+;继续组织两周一次

36、的专题学习沙龙和互动式评课沙龙，结合教研活动的主题组织好教师学习、交流。听展示课的教师对听课内容进行精心、系统的评点，写成评课稿，在两周一次的互动式教学研讨沙龙中进行交流、探讨。与往年不同的是，在保证互动评课活动开展同时，不影响正常教学，本学期安排8次集体评课活动，其他评课通过qq 群来交流、研讨。指导思想 以新一轮课程改革为抓手，更新教育理念，积极推进教学改革。努力实现教学创新，改革教学和学习方式，提高课堂教学效益，促进学校的内涵性发展。同时，以新课程理念为指导，在全面实施新课程过程中，加大教研、教改力度，深化教学方法和学习方式的研究。正确处理改革与发展、创新与质量的关系，积极探索符合新课程

37、理念的生物教学自如化教学方法和自主化学习方式。本学期，我组将进一步确立以人为本的教育教学理论，把课程改革作为教学研究的中心工作，深入学习和研究新课程标准，积极、稳妥地实施和推进中学英语课程改革。以新课程理念指导教研工作，加强课程改革，紧紧地围绕新课程实施过程出现的问题，寻求解决问题的方法和途径。加强课题研究，积极支持和开展校本研究，提高教研质量，提升教师的研究水平和研究能力。加强教学常规建设和师资队伍建设，进一步提升我校英语教师的英语教研、教学水平和教学质量，为我校争创“三星”级高中而发挥我组的力量。坚持以基础教育课程改革纲要为指导，认真学习贯彻课程改革精神，以贯彻实施基础教育课程改革为核心，

38、以研究课堂教学为重点，以促进教师队伍建设为根本，以提高教学质量为目标，全面实施素质教育。高二的历史教学任务是要使学生在历史知识、历史学科能力和思想品德、情感、态度、价值观各方面得到全面培养锻炼和发展，为高三年级的文科历史教学打下良好的基础，为高校输送有学习潜能和发展前途的合格高中毕业生打下良好基础。全班共 40 人，其中男生15 人，女生 25 人。学生的数学基础较一般，多数学生能掌握所学内容，少部分学生由于反映要慢一些，学习方法死板，没有人进行辅导，加之缺乏学习的主动性，不能掌握学习的内容。能跟上课的学生，课上活泼，发言积极，上课专心听讲，完成作业认真，学习比较积极主动，课后也很自觉，当然与

39、家长的监督分不开。部分学生解答问题的能力较强，不管遇到什么题，只要读了两次，就能找到方法，有的方法还相当的简捷。有的学生只能接受老师教给的方法，稍有一点变动的问题就处理不了。个别学生是老师 本册的教学内容：（ 1）混合运算和应用题；（ 2）整数和整数四则运算；（ 3）量的计量；（4）小数的意义和性质；（5）小数的加法和减法；（ 6）平行四边形和梯形提出教学任务：在全面发展体能的基础上，进一步发展灵敏、力量，速度和有氧耐力，武德的培养；引导学生学会合理掌握练习与讨论的时间，了解实现目标时可能遇到的困难。在不断体验进步和成功的过程中，表现出适宜的自信心，形成勇于克服困难积极向上，乐观开朗的优良品质

40、；认识现代社会所必需的合作和竞争意识，在武术学习过程中学会尊重和关心他人，将自身健康与社会需要相，表现出良好的体育道德品质，结合本身项目去了解一些武术名人并能对他们进行简单的评价；加强研究性的学习，去讨论与研究技能的实用性，加强同学之间的讨论交流的环节。：总体目标：建立“健康第一”的理念，培养学生的健康意识和体魄，在必修田径教学的基础上进一步激发学生学习“初级长拳”、“剑”的兴趣，培养学生的终身体育意识，以学生身心健康发展为中心，重视学生主体地位的同时关注学生的个体差异与不同需求，确保每一个学生都受益，以及多样性和选择性的教学理念，结合学校的实际情况，设计本教学工作计划，以满足学生选项学生的需

41、求，加深学生的运动体验和理解，保证学生在高一年田径必修基础上再加上“长拳”来引导男女生学习体育模块的积极性，再结合高二年的 “剑”选项课的学习中修满2 学分。加强学习“长拳”以及“剑”的基本套路，提升学习的的兴趣，提升学生本身的素质，特别是武德的培养。运动参与：a 养成良好的练武的锻炼习惯。b 根据科学锻炼的原则，制定并实施个人锻炼计划。 c 学会评价体育锻炼效果的主要方法。运动技能：a 认识武术运动项目的价值，并关注国内外重大体赛事。b 有目的的提高技术战术水平，并进一步加强技、战术的运用能力。 c 学习并掌握社会条件下活动的技能与方法，并掌握运动创伤时和紧急情况下的简易处理方法。身体健康：

42、 a 能通过多种途径发展肌肉力量和耐力。 b 了解一些疾病等有关知识，并理解身体健康在学习、生活中和重要意义。 c 形成良好的生活方式与健康行为。心理健康： a 自觉通过体育活动改变心理状态，并努力获得成功感。b 在武术练习活动中表现出调节情绪的意愿与行为。 c 在具有实用技能练习中体验到战胜困难带来喜悦。社会适应： a 在学习活动中表现出良好的体育道德与合作创新精神。b 具有通过各种途径获取体育与健康方面知识和方法的能力。采用教师示范与讲解，学生讨论，练习，教师评价，再进行个别指导，后进行学生练习，最后进行展示与学生的综合评价相结合的方式方法，培养学生的良好的学习习惯、学习方法更好地完成教学

43、任务，达到教学目标；实行培优扶中辅差，采用学习小组的建立，加强学习小组的相互学习、相互讨论、相互研究的功能，提升学习的效率；加强多边学科的整合，特别是加强心理健康的教育，加强运动力学、运动医学等进行学习，以提升学生的运动自我保护意识与能力。 （ 1）课题研究：加强校本课程“剑”、“平山初级长拳”的开发与教学；做好“趣味奥运会进入校园”课题的开题准备。做为“青春期健康教育进入校园”课题组的成员，协助课题组进行研究，开展活动。（ 2）校本教研：加强校本课程的开发，加强体育备课组的教研能力，做为备课组长的我与其他老师加强讨论校本的研究与开发，本次校本开发重点放在“剑”、“初级长拳”、“花样篮球”三个

44、项目上，有所侧重。（ 3）论文撰写：结合课题研究的内容进行撰写。（ 4）校际、教研组、备课组教研活动：做为晋江市兼职中学体育教研员及校际组成员，积极参加校际组开展的各项活动，加强提升在校际组的教研水平，做好兼职教研员的本职工作，协助教研员开展教研活动；积极参加教研组的各项活动，提升教研水平；做为备课组长的我，我计划是积极组织本组老师一起提高高中的课改力度与水平，集中老师的备课时间与讨论在备课过程中出现的一系列问题，针对选项会出现的问题进行沟通，加强学习过程的评价，协调选项内容的评价标准及认证过程。本册的重点：混合运算和应用题是本册的一个重点，这一册进一步学习三步式题的混合运算顺序，学习使用小括

45、号，继续学习解答两步应用题的学习，进一步学习解答比较容易的三步应用题，使学生进一步理解和掌握复杂的数量关系，提高学生运用所学知识解决得意的实际问题的能力，并继续培养学生检验应用题的解答的技巧和习惯。第二单元整数和整数的四则运算，是在前三年半所学的有关内容的基础上，进行复习、概括，整理和提高。先把整数的认数范围扩展到千亿位，总结十进制计数法，然后对整数四则运算的意义，运算定律加以概括总结，这样就为学习小数，分数打下较好的基础。第四单元量的计量是在前面已学的基础上把所学的计量单位加于系统整理，一方面使学生所学的知识更加巩固，一方面使学生为学习把单名数或复名数改写成用小数表示的单名数做好准备。高考的文科综合能力测试更加强调考生对文科各学科整体知识的把握、综合分析问题的思维能力、为解决问题而迁移知识运用知识的能力。教师在教学中要体现多学科、多层次、多角度分析解决问题的通识教育理念。教师要认真学习和研究教材, 转变教学观念，紧跟高考形势