2014年10月28日 星期二

javascript 時鐘

因為要用的時候就直接複製就好了,所以記一下。

  1. setInterval(function () {   
  2.     $timObj=new Date();   
  3.     $time=$timObj.getFullYear()+"/"+($timObj.getMonth()+1)+"/"+$timObj.getDate()+" "+$timObj.getHours()+":"+$timObj.getMinutes()+":"+$timObj.getSeconds();   
  4.     $("#clock").text($time);   
  5. }, 1000);  
Read more

Bootstrap Table Sorting

Bootstrap Table

bootstrap 真是好工具,由他延伸出來的東西也超多的,這次要做可以升冪降冪排序的表格,稍微google一下就找到了。

當然因為是 bootstrap 延伸的,所以要放一下相關的 css 跟 js。
  1. <link rel="stylesheet" href="bootstrap.min.css">  
  2. <link rel="stylesheet" href="bootstrap-table.css">  
  3. <script src="jquery.min.js"></script>  
  4. <script src="bootstrap.min.js"></script>  
  5. <script src="bootstrap-table.js"></script>  


可以直接在 html 就設定很方便。

  1. <table data-url="data1.json" data-height="299" data-sort-name="name" data-sort-order="desc">  
  2.     <thead>  
  3.         <tr>  
  4.             <th data-field="id" data-align="right" data-sortable="true">Item ID</th>  
  5.             <th data-field="name" data-align="center" data-sortable="true">Item Name</th>  
  6.             <th data-field="price" data-sortable="true">Item Price</th>  
  7.         </tr>  
  8.     </thead>  
  9. </table>  

或是用 js


  1. <table id="table-javascript"></table>   
  2. <script>   
  3.     $(function () {   
  4.         $('#via-javascript-table').next().click(function () {   
  5.             $(this).hide();   
  6.   
  7.             $('#table-javascript').bootstrapTable({   
  8.                 method: 'get',   
  9.                 url: 'data2.json',   
  10.                 cache: false,   
  11.                 height: 400,   
  12.                 striped: true,   
  13.                 pagination: true,   
  14.                 pageSize: 50,   
  15.                 pageList: [10, 25, 50, 100, 200],   
  16.                 search: true,   
  17.                 showColumns: true,   
  18.                 showRefresh: true,   
  19.                 minimumCountColumns: 2,   
  20.                 clickToSelect: true,   
  21.                 columns: [{   
  22.                     field: 'state',   
  23.                     checkbox: true  
  24.                 }, {   
  25.                     field: 'id',   
  26.                     title: 'Item ID',   
  27.                     align: 'right',   
  28.                     valign: 'bottom',   
  29.                     sortable: true  
  30.                 }, {   
  31.                     field: 'name',   
  32.                     title: 'Item Name',   
  33.                     align: 'center',   
  34.                     valign: 'middle',   
  35.                     sortable: true,   
  36.                     formatter: nameFormatter   
  37.                 }, {   
  38.                     field: 'price',   
  39.                     title: 'Item Price',   
  40.                     align: 'left',   
  41.                     valign: 'top',   
  42.                     sortable: true,   
  43.                     formatter: priceFormatter,   
  44.                     sorter: priceSorter   
  45.                 }, {   
  46.                     field: 'operate',   
  47.                     title: 'Item Operate',   
  48.                     align: 'center',   
  49.                     valign: 'middle',   
  50.                     clickToSelect: false,   
  51.                     formatter: operateFormatter,   
  52.                     events: operateEvents   
  53.                 }]   
  54.             });   
  55.         });   
  56.     });   
  57. </script>  
Read more

2014年10月27日 星期一

2014年10月26日 星期日

2014年10月24日 星期五

SVG 基礎

矩形使用 rect

可以設定的屬性有:

x: 起始點 x 軸的座標
y: 起始點 y 軸的座標
width: 矩形的寬度
height: 矩形的高度
rx: 圓角的 x 軸半徑
ry: 圓角的 y 軸半徑
transform: 矩形的變形效果

style 可以設定的值有

fill: 圖形內部的填滿顏色
fill-opacity: 圖形內部的不透明度值
stroke: 圖形的邊框顏色
stroke-width: 圖形的邊框寬度
opacity: 圖形的不透明度值
Read more

制服大募集

制服大募集

制服大募集

制服地圖上線後,陸陸續續收到許多很棒的制服照片,但有攝影師反應有很多很漂亮的制服想拍都拍不到,於是我們討論後決定對制服有熱情的朋友一起合作,希望可以徵求大家手邊不要的制服,您可以賣給我們,或是捐贈給我們,我們都會非常感謝,如果您手邊有制服不知道該怎麼處理,很歡迎可以提供給我們,如果希望制服地圖上你學校的照片可以更好看,又不知道該怎麼找願意拍攝的 MD,把制服提供給我們後,我們會找到適合的攝影師跟 MD 進行拍攝,除了讓大家都可以看到你們學校美美的制服,也可以進一步進行制服資料的建檔,讓大家可以更加認識你們的制服。

只要您的制服不會破損及污損太嚴重,都歡迎透過初步填寫下面連結填寫表單聯絡我們喔,制服不侷限於高中制服,有國中或是其他制服想提供,都歡迎跟我們聯絡,不過為了拍攝的方便,希望制服尺寸是以 L~S 為主,送出後我們將會有人跟您聯絡之後相關的事宜。

募集表單連結
Read more

2014年10月17日 星期五

2014年10月15日 星期三

[超級英雄圖譜] 星爵(Star-Lord)

Star-Lord

彼得·傑森·奎爾出生的時候,出現一群星球排成一線的奇異天文現象。由於丈夫(Jake)覺得彼得跟自己完全不像,所以懷疑妻子──梅莉迪絲·奎爾(Meredith Quill)有外遇,並企圖殺死還是嬰兒的彼得時,卻突然心臟病發死去。彼得由母親獨自養大。在他十一歲的時候,一群外星怪物來到彼得家說要斷絕Spartoi血統接著把母親殺害。彼得逃走並拿起獵槍射殺牠們。接著在家裡發現一個神秘裝置,在整個家被太空飛船炸毀之前,透過它成功讓自己安全離去。
Read more

2014年10月13日 星期一

SDX 武者頑駄無

SDX 武者頑駄無

武者頑駄無是我入手的第二隻 SDX 的套件,第一隻是騎士鋼彈,SDX 大多都是出騎士系列,所以也表示我還是對武者系列比較有愛吧。

SDX 武者頑駄無SDX 武者頑駄無SDX 武者頑駄無
Read more

2014年10月12日 星期日

Uniform Map 制服地圖- 相片分頁

制服地圖 相片分頁

為了減少圖片讀取的時間,把學校頁的相片列表做了分頁,這樣也可以比較好記看到的照片在哪頁,不過目前為止會用到的學校還沒有那麼多就是了..

示範的話就用提供很多照片的治平高中來吧。

對功能有任何建議也可以留言給制服地圖喔。
Read more

2014年10月8日 星期三

制服地圖有趣議題 七到十月









Read more

[超級英雄圖譜] 制裁者(Punisher)

Punisher

原名法蘭克·卡索(Frank Castle),是原美國海軍陸戰隊出身的軍人,在越戰退伍後擔任部隊訓練教官,在與妻兒某日在公園聚餐時因目睹黑道私刑事件而一家三口當場慘遭黑道開槍滅口,僥倖傷重未死的法蘭克在出院後,運用自己的情報系統找出殺害妻兒的凶手並訴諸法律,但黑道卻以各種管道和法律漏洞逃過制裁,對司法徹底感到絕望的法蘭克為了替妻兒報仇,決定以自己的方式訴諸武力來替妻兒討回公道,並且對於任何罪犯都採取殺無赦的制裁手段。

Read more

2015 制服年曆

2015 制服年曆

2015 制服年曆網址

為迎接 2015 年,制服地圖和夢想製造這次與幾位喜歡拍攝制服主題的攝影師共同推出 2015 年的年曆,如果您也喜歡制服,或是也喜歡攝影師的作品,都非常歡迎收藏這個具有紀念價值的年曆喔。

規格為 18 cm x 14.5 cm 之橫向桌曆年曆,內容以攝影師風格為主,所以可以選擇喜歡的攝影師的風格來訂購,參與的攝影師有:

史旺基番號 81 Studio萌太奇A-Ken許小弘,可以點連結看每個人攝影的風格。

售價為 300 元,預購特價 250 元,運費另計(30元),500元(含)以上免運費。
購買 5 本 1100 元,若超過 5 本,每多一本 200 元,依此類推。

預購時間到11/15號止,11月底會開始出貨。

付款方式可使用銀行轉帳至

戶名:夢想製造多媒體整合有限公司
銀行:合作金庫銀行 圓山分行(代碼006)
帳號:0822717503678

或從網站線上刷卡

若有其他問題,可以到制服地圖粉絲專頁私訊或 email 至 [email protected] 詢問





Read more

2014年10月7日 星期二

制服地圖名片印好了

制服地圖名片

我也不知道能發多少出去 XD

總之印好還是很開心,至少名片也沒幾個錢,有看到我可以跟我要一下啊。

我的是基本款,也有幫其他朋友設計不同的樣式,其實用一個同好會的性質好像滿不錯的,如果想要的話我也可以幫你設計你喜歡的學校的樣式喔。
Read more

2014年10月4日 星期六

[轉輪科技] Dix-neuf

ディスヌフ

這隻是轉輪很早期的套件了,一直在考慮要不要買,上次去澳門玩的時候看到一隻賣 88 澳幣入手的,一個是解開在澳門買模型的成就,另一個則是花少錢入手也划算。

ディスヌフディスヌフ
Read more

2014年10月3日 星期五

2014年10月1日 星期三

[HG] Gundam G-Self

Gundam G-Self

Gundam G-Self 是新的富野鋼彈,富野又出刀監督鋼彈,在一開始就很引起注目,而且這次的鋼彈也沒有 turn A變形的那麼大,大家一開始也比較沒那麼排斥,不過 trun A 變化大歸大,劇情可是一流的呢。

Gundam G-SelfGundam G-Self

大概富野比較敢在天線動手腳吧,這次的天線也很特別,不過網友已經戲稱喜德鋼彈了。
Read more
Related Posts Plugin for WordPress, Blogger...