Blame | Last modification | View Log | RSS feed
<?php#使用命名空間qbpwcfnamespace qbpwcf;#匯入外部套件include("../allInOne.php");#背景圖#涵式說明:#使用圖片當作背景#$result["status"],執行是否正常,"true"代表正常,"false"代表不正常.#$reuslt["error"],執行不正常結束的錯訊息陣列.#$result["function"],當前執行的函式名稱.#$result["content"],爲設定背景圖片的css樣式#必填的參數:$conf["imgPosition"]="img/雪地.jpg";#爲背景圖片的檔案位置,不可省略。#可省略的參數:$conf["repeatOrNot"]="false";#爲背景圖片是否要並排重複,可省略,預設是重複,若不要重複則給與"false"。#$conf["size"]="100%";#爲背景圖片的大小,可省略,預設是"100%"。$conf["fixed"]="true";#爲背景在使用者滾動的時候是否要固定不動,可省略,預設是不固定不動,若要固定不動則給與"true"。#$conf["rowsPosition"]="";#爲置於橫向的幾%,預設為"50%",可省略。#$conf["colsPosition"]="";#爲置於直向的幾%,預設為"-50%",可省略。$backgroundImg=css::backgroundImg($conf);unset($conf);#如果放置背景圖片失敗if($backgroundImg["status"]==="false"){#印出內容var_dump($backgroundImg);#結束程式exit;}#if end#印出背景圖片echo $backgroundImg["content"];#/*#建立隱藏的樣式#涵式說明:#創建 css 樣式,前面會自動加上「.」.#回傳的結果:#$result["status"],執行是否正常,"true"代表正常,"false"代表不正常.#$result["css"],css設定內容#$result["function"],當前執行的函數#$result["error"],涵式錯誤訊息,若爲""則表示沒有錯誤#$result["styleName"],字串,$conf["cssStyleName"]的值.#必填的參數:$conf["cssStyleName"]="default";#為該 css 樣式的名稱,不能以數字開頭,限定id的css樣式名稱為「樣式名稱.元素名稱」.$conf["attributes"]=array("position","left","top");#為屬性名稱,須為陣列值$conf["content"]=array("absolute","0%","0%");#為屬性值,須為陣列值$createCssStyle=css::createCssStyle($conf);unset($conf);#如果建立樣式失敗if($createCssStyle["status"]==="false"){#印出內容var_dump($createCssStyle);#結束程式exit;}#if end#印出css類別樣式echo $createCssStyle["css"];#*/#放置雪寶#涵式說明:#放置可以套用css樣式的圖片#回傳的結果:#$result["status"],執行是否正常,"true"代表正常,"false"代表不正常.#$result["error"],錯誤訊息陣列#$result["function"],當前函數執行的名稱#$result["content"],印出圖片的語法。#必填的參數:$conf["position"]="img/雪寶.png";#圖片位置#可省略的參數:#$conf["alt"]="";#若沒有圖片要用什麼文字顯示。$conf["class"]="hidden";#要套用的css樣式類別名稱。$show=img::show($conf);unset($conf);#如果放置圖片失敗if($show["status"]==="false"){#印出內容var_dump($show);#結束程式exit;}#if end#印出雪寶#echo $show["content"];#聖字的動畫樣式#函式說明:#製作針對 css class 的動畫.#回傳結果:#$result["status"],執行是否正常,"true"代表正常,"false"代表不正常.#$result["content"],css動畫設定的語法#$result["function"],當前執行的函數#$result["error"],涵式錯誤訊息陣列#$result["warning"],警告訊息陣列#必填參數:#$conf["name"],字串,css動畫的名稱.$conf["name"]="AaT";#$conf["durationTime"],字串,整個動畫需要幾秒完成,例如"5s".$conf["durationTime"]="10s";#$conf["iteration"],字串,整個動畫要重複幾次,"infinite"代表不斷地重複,"0"代表不重複執行.$conf["iteration"]="infinite";#$conf["direction"],字串,動畫要怎麼樣重複,"alternate"代表來回執行,"normal"代表正常執行.$conf["direction"]="normal";#$conf["delay"],字串,動畫要延遲幾秒開始,例如"0s".$conf["delay"]="0s";#$conf["speedMode"],字串,動畫執行過程的速度要用什麼模式來執行,"linear"代表等速,"ease"代表起始跟結尾是靜止的,中間是最快的.$conf["speedMode"]="linear";#可省略參數:#$conf["keyFrameStartPoint"],字串陣列,各個動畫單位開始的時間百分比,"0%"與"from"代表一開始,"100%"與"to"代表時間結束.#$conf["keyFrameStartPoint"]=array("0%","20%","40%","60%","80%","100%");$conf["keyFrameStartPoint"]=array("0%","50%","100%");#$conf["keyFrameCssMoveAttribute"],二維字串陣列,各個動畫影格子的與動畫相關的css屬性.$conf["keyFrameCssMoveAttribute"][]=array("transform");$conf["keyFrameCssMoveAttribute"][]=array("transform");$conf["keyFrameCssMoveAttribute"][]=array("transform");#$conf["keyFrameCssMoveAttribute"][]=array("transform");#$conf["keyFrameCssMoveAttribute"][]=array("transform");#$conf["keyFrameCssMoveAttribute"][]=array("transform");#$conf["keyFrameCssMoveValue"],二維字串陣列,各個動畫影格子的與動畫相關的css屬性.$conf["keyFrameCssMoveValue"][]=array("translate(35%,100%)");$conf["keyFrameCssMoveValue"][]=array("translate(36%,100%)");$conf["keyFrameCssMoveValue"][]=array("translate(37%,100%)");#$conf["keyFrameCssMoveValue"][]=array("translate(60%)");#$conf["keyFrameCssMoveValue"][]=array("translate(80%)");#$conf["keyFrameCssMoveValue"][]=array("translate(100%)");#$conf["keyFrameCssAttribute"],二維字串陣列,各個動畫影格子的一般非動畫的css屬性.$conf["keyFrameCssAttribute"][]=array("opacity","font-size","color");$conf["keyFrameCssAttribute"][]=array("opacity","font-size","color");$conf["keyFrameCssAttribute"][]=array("opacity","font-size","color");#$conf["keyFrameCssAttribute"][]=array("opacity");#$conf["keyFrameCssAttribute"][]=array("opacity");#$conf["keyFrameCssAttribute"][]=array("opacity");#$conf["keyFrameCssValue"],二維字串陣列,各個動畫格子的css屬性數值.$conf["keyFrameCssValue"][]=array("0","64px","red");$conf["keyFrameCssValue"][]=array("0.5","60px","green");$conf["keyFrameCssValue"][]=array("1","64px","blue");#$conf["keyFrameCssValue"][]=array("1");#$conf["keyFrameCssValue"][]=array("1");#$conf["keyFrameCssValue"][]=array("1");#參考資料:#css動畫,http://blogger.gtwang.org/2013/12/using-css3-animation.html#w3c的animation-keyframes,http://www.w3schools.com/cssref/css3_pr_animation-keyframes.asp$animation=css::animation($conf);unset($conf);#如果建立動畫樣式失敗if($animation["status"]==="false"){#印出內容var_dump($animation);#結束程式exit;}#if end#印出聖字的動畫樣式echo $animation["content"];#聖字#涵式說明:#<div>區塊,裡面可以指定css的class樣式,可以指定提示文字.#$result["status"],字串,執行否正常,"true"代表正常,"false"代表不正常.#$result["functin"],字串,當前函數的名稱.#$result["error"],陣列,錯訊訊息.#$result["content"],字串,含有<div>標籤的內容.#必填參數:#$conf["contentArray"],字串陣列,要放入的內容陣列.$conf["contentArray"]=array("聖");#可省略參數#$conf["id"],字串,div區塊的id.#$conf["id"]="";#$conf["class"],字串,div區段要套用的css樣式.$conf["class"]="default AaT";#$conf["title"],陣列,滑鼠移到上面時要顯示的內容,每個元素代表一列內容.#$conf["title"]=array();#$conf["oneScreenSize"],字串,div區塊是否要占一個螢幕的大小,預設為"false"不設定,"true"為設定成一個螢幕的大小.#$conf["oneScreenSize"]="false";#$conf["textAlignCenter"],字串,div區塊是否要置中,預設為$conf["oneScreenSize"]的值,"false"為不置中,"true"代表要置中.#$conf["textAlignCenter"]="";$divSection=css::divSection($conf);unset($conf);#如果產生div區塊失敗if($divSection["status"]==="false"){#印出內容var_dump($animation);#結束程式exit;}#if end#印出聖字echo $divSection["content"];#聖誕老公公的動畫樣式#函式說明:#製作針對 css class 的動畫.#回傳結果:#$result["status"],執行是否正常,"true"代表正常,"false"代表不正常.#$result["content"],css動畫設定的語法#$result["function"],當前執行的函數#$result["error"],涵式錯誤訊息陣列#$result["warning"],警告訊息陣列#必填參數:#$conf["name"],字串,css動畫的名稱.$conf["name"]="Aa";#$conf["durationTime"],字串,整個動畫需要幾秒完成,例如"5s".$conf["durationTime"]="10s";#$conf["iteration"],字串,整個動畫要重複幾次,"infinite"代表不斷地重複,"0"代表不重複執行.$conf["iteration"]="infinite";#$conf["direction"],字串,動畫要怎麼樣重複,"alternate"代表來回執行,"normal"代表正常執行.$conf["direction"]="normal";#$conf["delay"],字串,動畫要延遲幾秒開始,例如"0s".$conf["delay"]="0s";#$conf["speedMode"],字串,動畫執行過程的速度要用什麼模式來執行,"linear"代表等速,"ease"代表起始跟結尾是靜止的,中間是最快的.$conf["speedMode"]="linear";#可省略參數:#$conf["keyFrameStartPoint"],字串陣列,各個動畫單位開始的時間百分比,"0%"與"from"代表一開始,"100%"與"to"代表時間結束.#$conf["keyFrameStartPoint"]=array("0%","20%","40%","60%","80%","100%");$conf["keyFrameStartPoint"]=array("0%","50%","100%");#$conf["keyFrameCssMoveAttribute"],二維字串陣列,各個動畫影格子的與動畫相關的css屬性.$conf["keyFrameCssMoveAttribute"][]=array("transform");$conf["keyFrameCssMoveAttribute"][]=array("transform");$conf["keyFrameCssMoveAttribute"][]=array("transform");#$conf["keyFrameCssMoveAttribute"][]=array("transform");#$conf["keyFrameCssMoveAttribute"][]=array("transform");#$conf["keyFrameCssMoveAttribute"][]=array("transform");#$conf["keyFrameCssMoveValue"],二維字串陣列,各個動畫影格子的與動畫相關的css屬性.$conf["keyFrameCssMoveValue"][]=array("translate(35%,80%)");$conf["keyFrameCssMoveValue"][]=array("translate(36%,90%)");$conf["keyFrameCssMoveValue"][]=array("translate(37%,100%)");#$conf["keyFrameCssMoveValue"][]=array("translate(60%)");#$conf["keyFrameCssMoveValue"][]=array("translate(80%)");#$conf["keyFrameCssMoveValue"][]=array("translate(100%)");#$conf["keyFrameCssAttribute"],二維字串陣列,各個動畫影格子的一般非動畫的css屬性.$conf["keyFrameCssAttribute"][]=array("opacity");$conf["keyFrameCssAttribute"][]=array("opacity");$conf["keyFrameCssAttribute"][]=array("opacity");#$conf["keyFrameCssAttribute"][]=array("opacity");#$conf["keyFrameCssAttribute"][]=array("opacity");#$conf["keyFrameCssAttribute"][]=array("opacity");#$conf["keyFrameCssValue"],二維字串陣列,各個動畫格子的css屬性數值.$conf["keyFrameCssValue"][]=array("0");$conf["keyFrameCssValue"][]=array("0.5");$conf["keyFrameCssValue"][]=array("1");#$conf["keyFrameCssValue"][]=array("1");#$conf["keyFrameCssValue"][]=array("1");#$conf["keyFrameCssValue"][]=array("1");#參考資料:#css動畫,http://blogger.gtwang.org/2013/12/using-css3-animation.html#w3c的animation-keyframes,http://www.w3schools.com/cssref/css3_pr_animation-keyframes.asp$animation=css::animation($conf);unset($conf);#如果建立動畫樣式失敗if($animation["status"]==="false"){#印出內容var_dump($animation);#結束程式exit;}#if end#印出聖誕老公公的動畫樣式echo $animation["content"];#放置聖誕老公公#涵式說明:#放置可以套用css樣式的圖片#回傳的結果:#$result["status"],執行是否正常,"true"代表正常,"false"代表不正常.#$result["error"],錯誤訊息陣列#$result["function"],當前函數執行的名稱#$result["content"],印出圖片的語法。#必填的參數:$conf["position"]="img/聖誕老公公.png";#圖片位置#可省略的參數:#$conf["alt"]="";#若沒有圖片要用什麼文字顯示。#$conf["class"]="A";#要套用的css樣式類別名稱。$show=img::show($conf);unset($conf);#如果放置圖片失敗if($show["status"]==="false"){#印出內容var_dump($show);#結束程式exit;}#if end#放置圖片到div中#涵式說明:#<div>區塊,裡面可以指定css的class樣式,可以指定提示文字.#$result["status"],字串,執行否正常,"true"代表正常,"false"代表不正常.#$result["functin"],字串,當前函數的名稱.#$result["error"],陣列,錯訊訊息.#$result["content"],字串,含有<div>標籤的內容.#必填參數:#$conf["contentArray"],字串陣列,要放入的內容陣列.$conf["contentArray"]=array($show["content"]);#可省略參數#$conf["id"],字串,div區塊的id.#$conf["id"]="";#$conf["class"],字串,div區段要套用的css樣式.$conf["class"]="Aa default";#$conf["title"],陣列,滑鼠移到上面時要顯示的內容,每個元素代表一列內容.#$conf["title"]=array();#$conf["oneScreenSize"],字串,div區塊是否要占一個螢幕的大小,預設為"false"不設定,"true"為設定成一個螢幕的大小.#$conf["oneScreenSize"]="false";#$conf["textAlignCenter"],字串,div區塊是否要置中,預設為$conf["oneScreenSize"]的值,"false"為不置中,"true"代表要置中.#$conf["textAlignCenter"]="";$divSection=css::divSection($conf);unset($conf);#如果放置圖片到div失敗if($divSection["status"]==="false"){#印出內容var_dump($divSection);#結束程式exit;}#if end#印出聖誕老公公echo divSection["content"];#放置薑餅人#涵式說明:#放置可以套用css樣式的圖片#回傳的結果:#$result["status"],執行是否正常,"true"代表正常,"false"代表不正常.#$result["error"],錯誤訊息陣列#$result["function"],當前函數執行的名稱#$result["content"],印出圖片的語法。#必填的參數:$conf["position"]="img/薑餅人.png";#圖片位置#可省略的參數:#$conf["alt"]="";#若沒有圖片要用什麼文字顯示。$conf["class"]="hidden";#要套用的css樣式類別名稱。$show=img::show($conf);unset($conf);#如果放置圖片失敗if($show["status"]==="false"){#印出內容var_dump($show);#結束程式exit;}#if end#印出薑餅人#echo $show["content"];#放置雪人#涵式說明:#放置可以套用css樣式的圖片#回傳的結果:#$result["status"],執行是否正常,"true"代表正常,"false"代表不正常.#$result["error"],錯誤訊息陣列#$result["function"],當前函數執行的名稱#$result["content"],印出圖片的語法。#必填的參數:$conf["position"]="img/雪人.png";#圖片位置#可省略的參數:#$conf["alt"]="";#若沒有圖片要用什麼文字顯示。$conf["class"]="hidden";#要套用的css樣式類別名稱。$show=img::show($conf);unset($conf);#如果放置圖片失敗if($show["status"]==="false"){#印出內容var_dump($show);#結束程式exit;}#if end#印出雪人#echo $show["content"];?>