欧美一区二区三区性视频_婷婷综合另类小说色区_亚洲av乱码一区二区三区林ゆな_天堂在线资源中文在线8_久久这里只有精品首页

妙網(wǎng)科技 妙網(wǎng)科技 首頁 妙網(wǎng)科技 電子雜志 妙網(wǎng)科技 如何制作iebook文字模板中滾動的文本框

如何制作iebook文字模板中滾動的文本框

所屬欄目: 電子雜志 | 更新時間:2015-12-12 | 閱讀:4502 次

下面講一下如何制作滾動文本框,一個仿制IEBOOK的滾動文本框,我是使用ActionScript2.0編寫的。其基本思路是在文本放一個遮罩層,當鼠標移動到上下箭頭按鈕時,文本作反向運動。

首先,新建一個新Flash文檔。

第二步,插入一個空白的“影片剪輯元件”命名為“Box”以備后用。(當然你也可以有自己的命名,下面講解中的命名也一樣)

第三步,插入“影片剪輯元件”,命名為“txt”,然后在元件“txt”用“文本工具”畫一個文本框,文本必須是動態(tài)文本,然后實例化為“txtson”坐標為(0,0),寬度根據(jù)實際需要調整,高度應設置盡量高,為今后有一些長文本留下空間,不過需要指出的是文本框的高度并不是可以設置無限大的,我在制作時發(fā)現(xiàn)文本框高度超過3000,遮罩就會出現(xiàn)問題。然后在文本框輸入一段長一些的文字。

第四步,插入“影片剪輯元件”,命名為“BlackCover”,然后用“矩形工具”,畫出一個任意大小的矩型,筆觸為無色,填充色可以是除無色外的任意色。坐標為(0,0),這個元件一會將作為遮罩。

第五步,建立兩個“按鈕元件”,分命名為“UpArrow”,“DownArrow”。然后在“UpArrow”中畫一個筆觸為黑色,填充色為無的小框框,然后在用“多角星形工具”,分別畫一兩個尖角朝上的三角形,將三角形放到小框框中心。全選“UpArrow”的框框與三角形,將坐標設為(0,0),在全選的情況下將復制框框與三角形,將它們粘貼到“DownArrow”。在“DownArrow”將框框與三角形同時旋轉180度,之后同樣也將二者全選,設置坐標為(0,0)。(我將框框的長寬設為(13,13),三角形設為(10,8.7)).至此除“Box”,所有元件均以準備好了。

第六步,打開那個空白的元件“Box”。拖入元件“txt”,坐標(0,0),實例化為“Txt1”接著插入一個圖層,命名為圖層2,將元件“BlackCover” 拖入,坐標(0,0),實例化為“BlackCover1”,并使“BlackCover1”的寬與“Txt1”的寬相同,高度根據(jù)實際應用的情況設定。接著將圖層2設為遮罩層。繼續(xù)插入一個圖層,命名為btn,將“UpArrow”、“DownArrow” 拖入。分別實例化為BtnUp1、BtnDown1位置可以任意,因為按鈕位置將根據(jù)“BlackCover1”自動適應。插入最后一個圖層,代碼層,命名as。

第七步,編寫代碼。在as層的第一禎按[F9],編寫動作,代碼如下

if (Txt1.txtson.textHeight+5<=BlackCover1._height)

{

BtnDown1._visible=false

BtnUp1._visible=false

}

else

{

BtnDown1._x=BlackCover1._width-10

BtnDown1._y=BlackCover1._height+20

BtnUp1._x=BlackCover1._width-33

BtnUp1._y=BlackCover1._height+20

}

這段代碼的意思是設置“BtnUp1”、“BtnDown1”的位置,并且如果當Txt1的文本高度低于BlackCover1時,(注意是文本的高度,而非文本框的高度)。按鈕被隱藏,也就是文本沒有遮罩高時,不需要滾動。

接著選中btn層的“BtnUp1”,[F9]進入編寫代碼,代碼如下

on (rollOver) {

onEnterFrame = function ()//重復執(zhí)行一個動作

{

if (Txt1._y<=0)

{

Txt1._y = Txt1._y+1;

}

else

{

delete onEnterFrame

}

};

}

on (rollOut) {

delete onEnterFrame;

}

這個代碼意思是當鼠標移動到“BtnUp1”,讓”Txt1”作反向運動,向下移動,因為遮罩“BlackCover1”是不動的,所以運行時,看起來,文本就好像向下移了。當然,這并不是無限移動的,當鼠標離開或文本框到末尾時就停止移動。下面“BtnDown1”的原理也一樣,只不過移動方向正好相反。選擇“BtnDown1”[F9]進入編寫如下代碼。

on (rollOver) {

onEnterFrame = function ()//重復執(zhí)行一個動作

{

if (Txt1._y>BlackCover1._height-(Txt1.txtson.textHeight+5))

{

Txt1._y = Txt1._y-1;

}

else

{

delete onEnterFrame

}

};

//if (Txt1._y>BlackCover1._height-Txt1._height)

// {

// Txt1._y = Txt1._y-20;

// }

}

on (rollOut) {

delete onEnterFrame;

}

最后,返還到舞臺,將box拖入舞臺,測試影片,文字移動了。在今年的應用中,我們只要將“庫”中的“box”復制到需要的flash文檔的庫中,然后根據(jù)排版需要,先調整“Txt1”的寬,“BlackCover1”的高,并且使“BlackCover1”的寬等于“Txt1”的寬就OK了。

?