zblog鼠标跟随特效(html鼠标跟随粒子特效)
- ZBLOG
- 2022-12-20 07:23:17
- 47
本篇文章给大家谈谈zblog鼠标跟随特效,以及html鼠标跟随粒子特效对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。
本文目录一览:
- 1、急求鼠标后跟随文字的几个网页特效代码
- 2、win10上怎么设置鼠标点击特效?
- 3、如何制作鼠标跟随效果
- 4、这么用PS做鼠标跟随?
- 5、怎样在博客中设置出鼠标后跟随自己想要的文字效果啊?有那些代码?具体该放在何处呢?
急求鼠标后跟随文字的几个网页特效代码
你随便弄个网页
以下代码插入head标签之内,保存预览,就可以看到很漂亮的文字环绕鼠标:
SCRIPT
LANGUAGE="JavaScript"
if
(document.all)
{
yourLogo
=
"我想有个家一个温暖的家";
//自己根据要求设置//
logoFont
=
"宋体";
logoColor
=
"#00ccff";
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:left"'+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
win10上怎么设置鼠标点击特效?
1、在开始菜单按钮上单击鼠标右键,点击【系统】;
2、在下面点击【高级系统设置】;
3、在“高级”选卡中点击【性能】选项下的“设置”按钮;
4、系统默认勾选的是“调整为最佳性能”,我可以通过勾选下面选择来设置需要的视觉效果,设置完成后最后点击确定即可。
“win 10”一般是指“windows 10”
Windows 10 是美国 微软公司所研发的新一代跨平台及设备应用的 操作系统。
Windows 10是 微软发布的最后一个独立Windows版本,下一代Windows将作为更新形式 出现。 Windows 10共有7个发行 版本,分别面向不同用户和设备。
2017年4月11日(美国时间),微软发布Windows 10 创意者更新(Creators Update,Build 15063)正式版系统,这款系统是继之前首个正式版、秋季更新版、一周年更新版之后的第四个正式版,也是目前为止最为成熟稳定的版本。
如何制作鼠标跟随效果
思路:以前各种教程中都用startDrag去产生鼠标跟随的效果,在这里我用别的方法去跟大家show一个鼠标跟随的效果。
其实鼠标跟随说白了不就是要求对象的位置和鼠标位置一样吗?可是如果我还想让它产生一些更炫效果,以避免跟随更单调,又该怎么办呢?我首先想到了影片剪辑的复制,因为一些效果我可以在影片剪辑中比较容易地制作出来。用我复制出来的影片剪辑做作为跟随鼠标的东东,也就是说复制出来的影片剪辑的位置和当前影片中鼠标的位置一样,这样不就可以实现鼠标跟随了吗?
步骤:
1、 先制作出跟随鼠标的那个东东的样子,转化成图形元件,(选中对象,F8)注意对象的中心点,以使后面跟随的效果更好看一些;如图
2、按 Ctrl+f8,创建一个影片剪辑,把第一步中的图形元件拖进来,制作出一个动态效果。做什么样子的效果随你的意,还可以添加一些颜色变化的效果。在该动态效果的最后一帧加上行为stop,你也可以不加,比较一下效果的不同。
3、 再创建一个影片剪辑,注意里面不要放置任何东西,(空影片剪辑,作为后面控制第二步中影片剪辑使用);
4、 把第二步中创建的影片剪辑拖入舞台场景以外,也可以拖到场景中的,并为其取实例名,这里为fang。如图
5、 把第三步创建的空影片剪辑也拖入舞台场景中(它在场景中为一个小圆点存在),并选中它。
6、 在保持空影片剪辑选中的情况下,F9打开AS面板,输入如下代码:
如图
onClipEvent(load){ //当打开动画,空影片剪辑加载的时候
i=1; //设置影片剪辑的初始数量为1
}
onClipEvent(mouseMove){ //当鼠标移动的时候
if(i30){ //让影片剪辑最终复制出来的个数不多于30个
duplicateMovieClip(_root.fangl,"fang"+i,i);
//复制主场景中的影片剪辑,为其重命名并复制到一个新的阶层中;
_root["fang"+i]._x=_root._xmouse;
//主场景中新复制出来的影片剪辑的水平坐标位置等于当前场景中的鼠标的水平坐标位置。
_root["fang"+i]._y=_root._ymouse;
//主场景中新复制出来的影片剪辑的垂直坐标位置等于当前场景中的鼠标的垂直坐标位置。
setProperty("_root.fang"+i,_rotation,random(360));
//要复制出来的影片剪辑随机的产生旋转,以来原来的影片剪辑角度不同;
i++;//影片剪辑的个数进行自加,也就是复制一次为2,再来一次为3……
}else{
i=1;//当影片剪辑的自加个数等于并超过30时,个数回复为1,再循环复制。
}
}
7、 好了,到此为此,你可以按下ctrl+enter看看效果如何,是不是很炫?(当你鼠标在场景中拖动的时候,会出现一连串的矩形小方框向四周漾去,可会有颜色的变化呢)。你可以更改第二步中的运动过渡动画的改变状态,看看效果是不是产生了变化,对了,要想让效果更好,第二步是关键哦。效果截图如下:
当你鼠标在场景中拖动的时候,会出现一连串的矩形小方框向四周漾去
这么用PS做鼠标跟随?
这个教程很简单,懂flash的朋友我想五分钟就能看懂,没学过的朋友,看了教程,我想单独也能做出属于自己的鼠标特效,这个教程有一个难点一个关键。
一难点:也是最难的,就是as脚本,这一步我在脚本面版有讲解了一部分,能看懂的就看看,不能看的就直接把脚本复制过去就行了。
一关键:就是把文字转换成元件后,一定要为此元件命一个实例名,这个实例名要跟as脚本中的实例名是一样的,不然,脚本就不生效的。
1、打开Macromedia Flash 8,新建一个400x400的flash文档,背景颜色自定义,
2、新建一图层,我这里新建的是图层3。点下文字工具,在场景里打上自己的名字,调下字体大小和颜色,直到满意为止,如图:
3、用移动工具选中刚才的文字,右键-转换为元件(在转换为元件之前,最把字体图层两次Ctrl+B转为图形,这样就不会丢失字体),如图:
4、第3步之后得到type元件,选中元件,改实例名为mc,并把type元件拖到背景之外,就是没有颜色的地方,如图:
5、一切准备工作做好后,新建一层,就开始写脚本,这里我把脚本公布出来,大家只要复制过去就OK了,如图:
下面是脚本源原文:
_root.onLoad = function() {
for (var i = 1; i=20; i++) {
_root.mc.duplicateMovieClip("mc"+i,i);
_root["mc"+i]._xscale = 100-10*i;
_root["mc"+i]._yscale = 100-10*i;
_root["mc"+i]._alpha = 100-5*i;
}
}
_root.on Enter Frame=function(){ //这一行请把所有空格删掉,这里打空格主要是为避免TX删我的代码,不加空格这一行代码就没了,我郁闷着....
for(var i=1;i=20;i++){
if(i==1){
startDrag(_root["mc"+i],true);
_root.mc._alpha=0;
}
else{
_root["mc"+i]._x=_root["mc"+i]._x+(_root["mc"+(i-1)]._x-_root["mc"+i]._x)/4+(_root["mc"+(i-1)]._x-_root["mc"+i]._x)*0.08;
_root["mc"+i]._y=_root["mc"+i]._y+(_root["mc"+(i-1)]._y-_root["mc"+i]._y)/4+(_root["mc"+(i-1)]._y-_root["mc"+i]._y)*0.08;
}
}
}
6、有些朋友说到这里就不知道怎么做了,也就是说不会怎么把影片导出来了。Ctrl+Enter测试影片,就能看到效果了!这个跟随特效单独用不怎么好用,如果放进空间就要透明,透明了鼠标就没了感应,所以请朋友们放进FD自己的FD,就行了!
怎样在博客中设置出鼠标后跟随自己想要的文字效果啊?有那些代码?具体该放在何处呢?
代码添加方法:
按“管理中心▄◣模板设置▄◣修改主模板”步骤打开模板编辑页面,然后点击模板设计板块下方的“ 源码”按钮,打开模板源码编辑管理窗口,将自己喜欢的鼠标样式代码拷贝进去即可。
zblog鼠标跟随特效的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于html鼠标跟随粒子特效、zblog鼠标跟随特效的信息别忘了在本站进行查找喔。
本文由admin于2022-12-20发表在靑年PHP官网,如有疑问,请联系我们。
本文链接:http://www.qnphp.com/post/182603.html