Terence-studio

基本非 IE 的流覽器的私有屬性一般都會以 -xxx- 這樣開始， -o-就是以 Presto 為引擎的 Opera 私有的、 -icab- 是 iCab 私有的，-khtml- 是以 KHTML 為引擎的流覽器（如 Konqueror Safari）、 -moz- 就是以 Mozilla 的 Gecko 為引擎的流覽器（如Firefox，Mozilla）、 -webkit- 就是以 Webkit 渲染引擎（是 KHTML 的衍生產品）的流覽器（如 Safari、Swift）。 即支援的私有屬性分別為： moz-background-clip webkit-background-clip khtml-background-clip moz-background-origin webkit-background-origin khtml-background-origin 來源： http://hi.baidu.com/leoo0/blog/item/464bd836234e70360b55a934.html

在一般打程式時， 總要記得那一大串的語法， 打錯還不行， 因此有一些方便的工具因應而生， Quicktext就是運用於Notepad++的一個好Plug-in 下載 解壓後放到Notepad++安裝目錄下的plugins資料夾當中， 然後就可以從外掛模組中找到他， 可以透過設定去改變或增加“熱鍵” 建議去改變Quicktext的快速鍵（原本為Tab） 大多是改成ctrl+enter 而設定熱鍵當中， “$”符號是游漂停留的地方， “\$”可以輸入"$"符號 “\n”换行。

這次做的是簡易的讀取外部圖片， 我第一次做的時後語法是寫： $but_total = 6; $body = this.createEmptyMovieClip("body", 0); for (i=0; i $obj = $body.createEmptyMovieClip("obj", i); $obj.attachMovie("but","but"+i,i); $obj._y = i*50; $obj.mark = i; $obj.onPress = function() { $loadPic(this.mark); }; } function $loadPic(n) { $picPath = "img"; $picBoard = $obj.loadMovie($picPath + n + ".jpg"); } 其中讀取進來的圖片是背景， 但是圖一進來後，第一個按鈕不見， 然後其實這麼寫的問題在於， 縱使讀取了新的背景圖， 但舊的背景圖其實一直存在， 值得注意的是， 背景圖既然是覆蓋所有的背後圖片， 因此，從頭到尾只需要一個圖層來處理 因此新增一個圖曾 $picBoard = this.createEmptyMovieClip("picBoard",0) 並設定用他讀取圖片 $picBoard.loadMovie($picPath + n + ".jpg"); 完整如下 $but_total = 6; $body = this.createEmptyMovieClip("body", 1); $picBoard = this.createEmptyMovieClip("picBoard",0) for (i=0; i $obj = $body.createEmptyMovieClip("obj", i); $obj.attachMovie("but","but"+i,i); $obj._y = i*50; $obj.mark = i; $obj.onPress = functi...

$( ".block" ).draggable({ 　　//helper: "clone", //拖動時克隆,默認是original 　　axis:"x", //定義拖動方向，x與y還有auto。 　　containment: "#contain" , //定義一個容器,div就只能在容器的範圍內活動了 　　cursor: "move" , //定義拖動時鼠標指針的狀態，參數類型詳見css中cursor配置 　　cursorAt:{top:10}, //定義拖動的時候鼠標指針的位置,此位置是相對被拖動對象的邊框，單位px 　　opacity: 0.40, //設置對像被拖動時的透明度 　　handle: "div" , //設置拖動控制器，也就是說當鼠標按住控制器的時候，才能拖動對象 　　distance: 20, //設置當鼠標拖動多少像素時對象才會移動 　　//delay: 1000, //設置延遲時間單位毫秒 　　grid:[50,50], //設置每次拖動的步進單位px ??(scroll: false , //設置當拖動超出整個瀏覽器窗口,是否滾動瀏覽器) 　　dragPrevention:[ 'input' , 'textarea' , 'button' , 'select' , 'option' ],//設置被拖動的div碰到那些dom元素時停止 　　start: function (e,ui){}, //開始拖動執行的函數 　　drag: function (e,ui){}, //拖動時執行的函數 　　stop: function (e,ui){} //拖動停止執行的函數 }) 來源：http://zhg-grj.spaces.live.com/blog/cns!ADA1FB08E190EBF4!221.entry

鑑於台灣沒有fw的書， 所以我只好一邊讀原文的， 一邊寫下筆記T_T 這是貝茲的工具列， 在cs4裡開始我才注意到這個的用處， 最上面的Combine Paths就不說明了， 學向量的人都該知道該功能。 Alter Paths Fisheye path：讓選取的貝茲能圓弧化（必需先畫一個目標的圓型，圖層在原物件上方，兩個一同點選，並使用） Simplify：簡化曲線，減少節點的數量（點選貝茲，並使用即可） Expand Stroke：向外擴增線段，（點選貝茲並使用） Deform to Path：（原物件外，其上下圖層還需要一個向量物件，三個同時點選，並使用） Editing Points Straighten / smooth：將選取的點尖銳化/曲線化。 Round Points to Pixels / Half-Pixels ： Move Points：運用輸入的方式來移動點，第一為x軸，第二為y軸。 Scales Points：與Move Points相似，不過輸入的是比例，50為1/2，100則是不變。（變型是以中間為中心） Rotate Points：選取向量物件下使用，輸入旋轉角度（變型以中心為主），正數是順時針，負數是逆時針。 Mirror Points：翻轉向量物件，選取向量物件使用，選yes為水平翻轉，選no為垂直翻轉。 Sharpen Points：將接近的兩個點合併為一個點，使其尖銳化。 Fillet Points：將點分為兩個點，使其有圓角效果，（輸入數值的方法） Add Points：至少選取兩個點，該指令讓兩個點之間隔輸入的值增加一個點（輸入100，則x+y為100的地方加一個點） Subdivide Points：至少選取兩個點，該指令讓兩個點的中心位置增加一個點

用了FW CS4之後一陣子，之前因為需要而製作一些text styles， 在網路上看到許多範例，因此也想製作看看，甚至可以將做成元件庫， 但是在第一步上就遇到了挫折…XD 這是我看到網路上的範例： 字體色彩：漸層 字體外擴：漸層 陰影 然而，在FW原本的特效與stroke中， 則有三種選擇， 1：set stroke================================== 能用出外框，也可以選擇內部、中間與外部框線， 但是，其特色是 a.字和字會重疊…（在某些時後似乎很好用） b.沒有辦法使用漸層 因此又找到了另一個方法 2：glow======================================= 雖然沒有重疊的字體問題，但是依然不能用漸層… 然後，還是試著求助於photoshop的外掛： 3.photoshop live effects============================================ 但是！卻發現是陽春版的…T_T Fill的選項Gradient（漸層） 竟然只能有黑到白的漸層， 下面的color只針對單純填色… 這把以FW為命的我來說跟本就是逼上絕路了… Orz… 最後，我又回去了老東家Photoshop， 真的是看到了一絲希望呀… ………能知道我無言的點了吧。。。 (photoshop CS3 &"fireworks CS4") FW明明就是cs4，photo live 竟然陽春到不行，唉… adobe真討厭，見不得FW的廣大民眾…