中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

緩沖公式在制作特效中非常有用，著名的三星導(dǎo)航菜單就用到了此公式�，F(xiàn)在許多韓國(guó)網(wǎng)站出盡風(fēng)頭，其中緩沖導(dǎo)航是其一大亮點(diǎn)。本文以一德國(guó)網(wǎng)站的導(dǎo)航為例，詳解緩沖導(dǎo)航的制作。
本例效果

制作思路

1. 圖片縮放控制
   利用緩沖公式設(shè)置圖片的縮放比例，如果鼠標(biāo)滑過(guò)某圖片，放大1.8倍。如果其它圖片的序號(hào)與此圖片的序號(hào)相差1，就是此圖片兩邊的圖片，放大1.4倍，其它的為原始大小。
2. 圖片坐標(biāo)控制
   當(dāng)某圖片放大時(shí)，相鄰的圖片的坐標(biāo)等于此圖片的坐標(biāo)加上這兩張圖片的寬度的一半，實(shí)現(xiàn)圖片無(wú)間距排列。
3. 線條和文字控制
   線條用畫(huà)線函數(shù)實(shí)現(xiàn)，文字的坐標(biāo)和縮放比例與對(duì)應(yīng)的圖片相同。

制作過(guò)程
1、啟動(dòng)Flash，新建一個(gè)影片，設(shè)置影片大小為600px*200px。
準(zhǔn)備好如圖中的素材，圖片的實(shí)例名分別為zjs0到zjs4，文字的實(shí)例名分別為z0到z4。

把中間的圖片坐標(biāo)設(shè)為(300,130)，選中全部的圖片，按CTRL＋K調(diào)出排列面板，設(shè)置為頂部對(duì)齊，使圖片的y坐標(biāo)相同，圖片的x坐標(biāo)通過(guò)AS來(lái)控制。用同樣的方法使方字的y坐標(biāo)相同，并調(diào)整好文字和圖片的間距。
2、在主場(chǎng)景中的第一幀上加上下列代碼

代碼拷貝框
var myx = this["zjs"+2]._x; //獲取中間圖片的x坐標(biāo) for (var i = 0; i<5; i++) { this["zjs"+i].n = i; //每個(gè)圖片MC下定義一個(gè)變量 this["zjs"+i].onRollOver = function() { control = true; //鼠標(biāo)滑過(guò)圖片時(shí)為真 }; this["zjs"+i].onRollOut = function() { control = false; //鼠標(biāo)移出圖片時(shí)為假 }; } onEnterFrame = function () { for (var k = 0; k<5; k++) { this["z"+k]._x = this["zjs"+k]._x; // 說(shuō)明文字的x坐標(biāo)等于本應(yīng)圖片的x坐標(biāo) this["z"+k]._xscale = this["zjs"+k]._xscale; this["z"+k]._yscale = this["zjs"+k]._yscale; // 說(shuō)明文字的縮放比例與圖片相同 } if (control) { mouse_in(); } else { mouse_out(); } // 條件真或假時(shí)調(diào)用函數(shù) }; //坐標(biāo)設(shè)置函數(shù) function setX() { for (var k = -2; k<3; k++) { this["zjs"+(k+2)]._x = myx+this["zjs"+2]._width*k; //以中間圖片為準(zhǔn)無(wú)間距排列 } for (var k = Number(temp1)+1; k<5; k++) { //temp1為縮放比例最大的圖片下的變量值 var mc1 = this["zjs"+k]; var mc2 = this["zjs"+(k-1)]; //此圖片右邊的其它圖片 mc1._x = mc2._x+(mc2._width+mc1._width)/2-1; //設(shè)置這些圖片的x坐標(biāo)，1為消除圖片間的空隙 } for (var k = Number(temp1)-1; k>-1; k--) { var mc1 = this["zjs"+k]; var mc2 = this["zjs"+(k+1)]; mc1._x = mc2._x-(mc2._width+mc1._width)/2+1; } //縮放比例最大的圖片的左邊的圖片的x坐標(biāo)設(shè)置 myLine(); //圖片下方的線條 } //比例縮放函數(shù) function move_scale(x, obj) { speed = (x-obj._xscale)*.65+speed*0.6; obj._xscale += speed; obj._yscale += speed; //緩沖公式，x為圖片的縮放比例，obj為MC } //鼠標(biāo)滑過(guò)圖片時(shí)，圖片的縮放、x坐標(biāo)設(shè)置函數(shù) function mouse_in() { for (var i = 0; i<5; i++) { var mc = this["zjs"+i]; //獲得實(shí)例名 if (mc.hitTest(_xmouse, _ymouse, true)) { move_scale(180, mc); //如果鼠標(biāo)位于圖片的上方，圖片放大1.8倍 temp1 = mc.n; //把此圖片下的變量賦給變量temp1 } else if (Math.abs(mc.n-temp1) == 1) { move_scale(140, mc); //兩側(cè)的圖片比例放大1.4倍 } else { move_scale(100, mc); //其它的圖片為原始大小 } } setX(); //設(shè)置圖片的x坐標(biāo) } //鼠標(biāo)移出圖片時(shí)，圖片的縮放、x坐標(biāo)設(shè)置函數(shù) function mouse_out() { for (var i = 0; i<5; i++) { move_scale(100, this["zjs"+i]); //縮放比例為1，恢復(fù)原始大小 } setX(); //坐標(biāo)復(fù)原 } //線條函數(shù) function myLine() { createEmptyMovieClip("line", 1); //創(chuàng)建一個(gè)空影片 with (line) { lineStyle(0.1, 0xff9933, 100); moveTo(zjs0._x-zjs0._width/2, zjs0._y+10); lineTo(zjs4._x+zjs4._width/2, zjs4._y+10); //圖片下方水平的直線 moveTo(zjs0._x-zjs0._width/2, zjs0._y+5); lineTo(zjs0._x-zjs0._width/2, zjs0._y+15); //右邊垂直的直線 moveTo(zjs4._x+zjs4._width/2, zjs4._y+5); lineTo(zjs4._x+zjs4._width/2, zjs4._y+15); //左邊垂直的直線 } }
[Ctrl+A 全部選擇 然后拷貝]

按CTRL+ENTER測(cè)試，本例制作完成。掌握原理后，加上好的創(chuàng)意，相信你能做出更好的特效。

源文件下載

出處：藍(lán)色理想
責(zé)任編輯：藍(lán)色

◎進(jìn)入論壇Flash專(zhuān)欄版塊參加討論