發表文章

英文小筆記

拉丁字詞後綴的意思 -al 為relating to,有關 -ant 表示 a thing which 或是 a people who -ate 為動詞後綴 -ary 指 of ....或是being.... 例:primary school 即指:school of prim -et 拉丁語中常見的後綴 -ist 指 a person who does (從事什麼) -ous 指 full of (充滿著...) 法文來源 de 為英文的 of , 例如 deluxe 原指:de luxe(法語),即是 of luxury(英 語)的意思 前面的詞根有: ad- to的意思 circum- 指週圍的、圍繞的 inter- 介入、居中的(between, among) sub- 為底下(below) super- 表示over,above,exceed wr- 開頭者,為日耳曼詞源,有一部分錶示了擰、扭、編織、彎曲和捻的概念

20100510-彈跳圖片的fancybox(粉絲盒子)筆記-以彈跳照片為例

從fb的網站範例中摸索出的筆記-以彈跳照片為例 一般而言的fb使用方式, a 裡面包含了 img。 而js是用 $("選擇器").fancybox({ }); 'titleShow': false titleShow是圖片的title,預設是true會出現,要關掉就直接設false。 而title會出現的內容,以 a 的 title 為主,若沒有則是使用img裡的alt。 'transitionIn'    : 'elastic', 在開啟時使用elastic的效果彈跳視窗,亦有fade、與none的效果 'transitionOut'    : 'elastic' 在關閉時使用elastic的效果彈跳視窗,亦有fade、與none的效果 'titlePosition'    : 'inside' 設定說明文,以 a 的 title 為主,若沒有則是使用img裡的alt。 參數中,除了 inside 還包括了 outside 及 over。 outside:在彈跳視窗之外,另用背景呈現 inside:圖片會有背景呈現文字 over:直接在圖片上呈現一層色彩,文字覆蓋在圖片上。 以下為官方的設定說明: Key Default value Description padding 10 Space between FancyBox wrapper and content margin 20 Space between viewport and FancyBox wrapper opacity false When true, transparency of content is changed for elastic transitions modal false When true, 'o...

非ie瀏覽器的css寫法

基本非 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

Notepad++ 的外掛利器:Quicktext

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

20120100416

這次做的是簡易的讀取外部圖片, 我第一次做的時後語法是寫: $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...

jQuery UI的筆記-draggable

$( ".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

fireworks筆記:浮動視窗的工具列-末完成

圖片
鑑於台灣沒有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:至少選取兩個點,該指令讓兩個點的中心位置增加一個點