Readers: 215 | Updated: 05-01

图片特效--跟随鼠标浮动的图片(精品)(8)

Translate Into:
 
代码如下:<script><script>
<!-- Begin
Image0 = new Image();
Image0.src = "http://static6.photo.sina.com.cn/orignal/4549d6777472a1263cf95";
Amount = 20;
Ymouse = -50;
Xmouse = -50;
Ypos = new Array();
Xpos = new Array();
Speed = new Array();
rate = new Array();
grow = new Array();
Step = new Array();
Cstep = new Array();
nsSize = new Array();
ns = (document.layers)?1:0;
(document.layers)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt) {
Ymouse=(document.layers)?evnt.pageY-20:event.y-20;
Xmouse=(document.layers)?evnt.pageX:event.x;
}
(document.layers)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
for (i = 0; i < Amount; i++) {
Ypos[i] = Ymouse;
Xpos[i] = Xmouse;
Speed[i] = Math.random()*4+1;
Cstep[i] = 0;
Step[i] = Math.random()*0.1+0.05;
grow[i] = 8;
nsSize[i] = Math.random()*15+5;
rate[i] = Math.random()*0.5+0.1;
}
if (ns) {
for (i = 0; i < Amount; i++) {
document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="http://chendaolin2008.blog.163.com/blog/static/http://chendaolin2008.blog.163.com/blog/static/+Image0.src+" name='N' width="+nsSize[i]+" height="+nsSize[i]+"></LAYER>");
  }
}
else {
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < Amount; i++) {
document.write('<img id="si" src="'http://chendaolin2008.blog.163.com/blog/static/http://chendaolin2008.blog.163.com/blog/static/+Image0.src+'" style="position:absolute;top:0px;left:0px;filter:alpha(opacity=90)">');
}
document.write('</div></div>');
}
function MouseBubbles() {
var hscrll = (document.layers)?window.pageYOffset:document.body.scrollTop;
var wscrll = (document.layers)?window.pageXOffset:document.body.scrollLeft;
for (i = 0; i < Amount; i++){
sy = Speed[i] * Math.sin(270 * Math.PI / 180);
sx = Speed[i] * Math.cos(Cstep[i] * 4);
Ypos[i] += sy;
Xpos[i] += sx;
if (Ypos[i] < -40) {
Ypos[i] = Ymouse;
Xpos[i] = Xmouse;
Speed[i] = Math.random() * 6 + 4;
grow[i] = 8;
nsSize[i] = Math.random() * 15 + 5;
}
if (ns) {
document.layers['sn'+i].left = Xpos[i] + wscrll;
document.layers['sn'+i].top = Ypos[i] + hscrll;
}
else {
si[i].style.pixelLeft = Xpos[i] + wscrll;
si[i].style.pixelTop = Ypos[i] + hscrll;
si[i].style.width = grow[i];
si[i].style.height = grow[i];
}
grow[i] += rate[i];
Cstep[i] += Step[i];
if (grow[i] > 24) grow[i] = 25;
}
setTimeout('MouseBubbles()', 10);
}
MouseBubbles();
// End -->
</SCRIPT>
 
   
    下面介绍两种方法,请你根据情况选用一种比较适合的方法来添加代码
 
第一种方法:
 
    1、控制面板--首页内容维护--定义空白模板--新建,创建模块标题,显示源代码粘贴代码(粘贴代码前,在普通模式下打一个空格,然后再进入源代码编辑模式,这时你会看到源代码中已经有一行代码了( <DIV> </DIV> ),这时你再将自己的代码粘贴到它的下面即可,因为CSS代码粘贴到新建立的模块中,没有别的内容,不会显示的)--保存并返回;

    2、控制面板--定制我的首页--点添加模块--点选创建好的模块标题--勾上并保存,移动新建面板位置--保存设置。我们做这一步的目的是将建立好的模块在博客个人首页里呈现出来。


第二种方法:
 
    直接把以上代码粘贴到以前你建立的并且现在正在使用模块中,显示源代码粘贴代码,点击保存即可!


From The Blogs

Fashion Innovation,Digital Products

2007
USB瓢虫鼠标
USB瓢虫鼠标,给你的电脑增添乐趣! 查看全文

Fashion Innovation,Digital Products

02-21
施华洛世奇水晶USB光电鼠标
漂亮吧,这个光电鼠标可是贴满了施华洛世奇水晶呢!就是不知道现在售价如何,可不可以自己选择颜色。。。唉,我果然还是喜欢这种华而不实滴东东啊! 查看全文

创意观察

2007
符合人体工学的鼠标和键盘
这些键盘和鼠标是真正符合人体工学的产品。对于长时间使用电脑的人来说,这2个鼠标可以有效的缓解普通鼠标引起的手腕,手臂和肩膀不适。这张图片可以比较直观的说明,为什么这款鼠标更符合人体工学。应该能看明白吧... 查看全文

Fashion Innovation,Digital Products

2007
魔术鼠标:你可以带着走的3D外围设备
卑微的鼠标多年来并没有太大的改变。当然他们有各种大小和颜色,但它们基本上做他们一直所做的,在屏幕上点东西,看看会发生什么。一些有创意的人在这几年发明了三维鼠标,但由于clunky 机制没人能使它运作起... 查看全文

Fashion Innovation,Digital Products

2007
心跳指示器鼠标提醒你应该休息一下了
除了提醒你life's click外,心跳指示器鼠标运用安装在你手指下的传感器,来测定你的健康指数(如,承担压力的能力、心率 )。它同时还会纪录下你工作了多久或者你握鼠标的时间。更重要的是,当你在点击... 查看全文

Fashion Innovation,Digital Products

2007
KJ Global的superslim g4光电鼠标
这是来自KJ Global,去年从三星公司产品的灵感中研制出来的光电鼠标,看上去有些大(我承认,三星的产品看起来更可爱)。这款G4型号厚度只有5毫米,折叠后是53毫米。当折叠后,它看起来更加的神奇,有... 查看全文

Fashion Innovation,Digital Products

2007
TVR Tuscan无线鼠标
TVR Tuscan 是一流的跑车,那些负担不了它10万美元标价的人,可以用TVR Tuscan无线鼠标来伪装一下!它只需两节7号既可运作(比传统的360马力的引擎小一些)而且包括两个按纽,滚轮和蓝灯... 查看全文

Fashion Innovation,Digital Products

2007
罗技G5光电鼠标售价仅为25美元
Dell半价出售2000DPI鼠标。而该款鼠标零售价为50美元,但是输入商家优惠代码TZS8CNL5SGFLW3,便可以25美元购得。该鼠标包含一个可调配重量盒,进行实时灵敏度切换。 查看全文

Fashion Innovation,Digital Products

2007
EzKEY鼠标,键鼠功能二合一
如果你正在行驶的途中,突然需要输入一长串的数字,而你的笔记本却没有一个数字键区,那么这款EzKEY键鼠二合一鼠标正适合你!打开它的顶部,就好象打开你汽车的后备箱那样,里面有个数字键区,你可以迅速地输入... 查看全文

Fashion Innovation,Digital Products

05-06
可调式迷你型USB鼠标
一款尺寸可调的USB鼠标,你可以把它的长度调整到适合你手掌大小的尺寸。另外鼠标电缆线的长度也是可调的 。这是一种光学鼠标。        每个人的体型都是不一样所以像衬衣、鞋子等等都有小、中、大、超大... 查看全文
More Articles