Java程式教學甘仔店: 10月 2014

2014年10月25日星期六

CSS3 opacity Property 套用樣式不透明度

CSS3 opacity Property 套用樣式不透明度

支援CSS3 以上

用法： opacity
說明：
設定不透明度
0~1
0%~100%
0為透明
1為不透明度

css定義：
設定不透明度0.5
#div1{
background-color: rgb(012,150,150);
opacity:0.5;
}
注意事項：
**IE8 的使用方式
filter: Alpha(opacity=50);

JavaScript 用法:
object.style.opacity="0.5"

程式：
<!DOCTYPE html>
<html>
<head>
<title>CSS3 opacity Property 套用樣式不透明度</title>
<meta http-equiv="Content-Type" content="text/html; charset=BIG5">
<style type="text/css">
#div1{
background-color: rgb(012,150,150);
opacity:0.5;
}
#div2{
background-color: rgb(012,150,150);
}
</style>
</head>
<body>
<div id="div1">
div 1 Tag CSS opacity:0.5;
</div>
<div id="div2">
div 2 Tag CSS
</div>
</body>
</html>

圖1：

測試結束~
如果還不了解可參考：w3schools CSS3 opacity Property

opacity 測試

感謝~

其它文章

CSS background-color 套用樣式背景顏色

CSS background-color 套用樣式背景顏色
支援CSS1 以上

用法： background-color
說明：
background-color 背景顏色

css定義：
使用顏色英文名字來定義：
Red (紅色)
Green (綠色)
Blue (藍色)
例：
a{
background-color: blue;
}

使用RGB來配色定義：
R為 Red (紅色)
G為 Green (綠色)
B為 Blue (藍色)
RGB數值範圍：
R:0~255
G:0~255
B:0~255
如果不想配G、B 給0值
為
rgb(255,0,0);紅色
rgb(0,0,0) ;黑色
rgb(255,255,255) ;白色
例：
div{
background-color: rgb(012,150,150);
}

使用16進制(HEX)來配色定義：
#123456
從左第一個來解說：
# 定義為16進制
12 二個數值來定義 R 色盤值
34 二個數值來定義 G 色盤值
56 二個數值來定義 B 色盤值
HEX數值範圍：
每一個數值共有16種值：
0、1、2、3、4、5、6、7、8、9
A、B、C、D、E、F

#000000 黑色
#FF0000 紅色
#00FF00 綠色
#0000FF 藍色
#FFFFFF 白色
例：
p{
background-color: #11ffaa;
}
注意事項：

JavaScript 用法:
object.style.backgroundColor="#00FF00"

程式：
<!DOCTYPE html>
<html>
<head>
<title>CSS background-color Property 套用樣式不透明度</title>
<meta http-equiv="Content-Type" content="text/html; charset=BIG5">
<style type="text/css">
body{
background-color: blue;
}
div{
background-color: rgb(012,150,150);
}
p{
background-color: #11ffaa;
}
</style>
</head>
<body>
<a href="#1">a Tag CSS color Property</a>
<div id="div1">
div Tag CSS color Property
</div>
<p>p Tag CSS color Property</p>
</body>
</html>

圖1：

測試結束~
如果還不了解可參考：w3schools CSS background-color Property

各種顏色查表參考如下:

CSS Colors

HTML 顏色代碼 (十六進位值色碼)

感謝~

其它文章

2014年10月24日星期五

Java Two Dimensional array example(二維陣列程式範例)

Java Two Dimensional array example(二維陣列程式範例)

使用相關：
一維陣列 one Dimensional
二維陣列 two Dimensional
for 、int
顯示結果：

你可以試試不要看以下的程式寫出上圖的程式來~~

當然你還是可以參考的~~
綀習~ ~綀習~ ~多多益善~~

二維陣列程式範例：

public class D2ArrTest {

 /**
  * @param args
  */
 public static void main(String[] args) {
  //---init data start--------
  //Basic data in number
  int[] number = { 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15 };
  //object arr
  int arr[][] = new int[5][5]; 
  //number index flag
  int numberIndex = 0;
  //object arr max length
  int arrMax = arr.length;
  // number size
  int numberSize = number.length;
  //---init data end--------
  //---set value start--------
  for (int i = 0; i < arrMax; i++) {
   arr[i] = new int[arrMax];
   for (int j = 0; j < arr[i].length; j++) {
    if (numberIndex < numberSize) {
     arr[i][j] = number[numberIndex];
    } else {
     arr[i][j] = 0;
    }
    numberIndex++;
   }//j for end
  }//i for end
  //---set value end--------
  
  //---print start--------
  System.out.println("------顯示------");
  for (int i = 0; i < arr.length; i++) {
   for (int j = 0; j < arr[i].length; j++) {
    int msg = arr[i][j];
    if (msg < 10) {
     System.out.print("0"+msg);
    }else{
     System.out.print(msg);
    }
    System.out.print(" ");
   }//j for end
   System.out.println("");
  }//i for end
  System.out.println("---------------");
  //-----print end--------
 }

}

其它文章

2014年10月18日星期六

c 語言 printf 用法之二格式顯示

用法： printf("%d",80);

說明：
%d 為取參數以十進位來顯示。
printf("總數：%d \n", 80);
上語法%d取出後面的參數80來顯示。

%d 的d是十進位(decimal)。

程式範例：

#include 
int main(void)
{
 printf("總數：%d \n", 80);
 
 return(0);
}

測試結果：
圖

本篇為格式顯示之基本。
往後還會有跟多的用法。
待續....

其它文章

c 語言 printf 用法之一基本顯示

c 語言 printf 用法之一基本顯示

用法： printf("這裡顯示資料~~");

說明：
如果你想在console上，看到資訊，
可以使用此語法。

程式範例：

#include 
int main(void)
{
 printf("這裡顯示資料~~");
 
 return(0);
}

測試結果：
圖

其它文章

2014年10月16日星期四

如何在Notepad++編譯 c & c++ 語言

Notepad++ download 下載

開啟Notepad++
上方的選單-> 外掛模組 ->NppExec ->勾選 Follow $(CURRENT_DIRECTORY)\
圖1

上方的選單-> 外掛模組 -> Execute....
圖2

如果沒有NppExec ，需要安裝「NppExec」這個套件
下載地址

在Execute 中空白框
圖3

輸入以下
圖4

----------------------------------------------------------------------------------------------

NPP_SAVE
C:\MinGW\bin\g++.exe "$(FULL_CURRENT_PATH)" -o $(NAME_PART)

$(CURRENT_DIRECTORY)\$(NAME_PART).exe

----------------------------------------------------------------------------------------------
解說：
C:\MinGW\bin\g++.exe 是本文的g++.exe 的位置，
這裡要改為你的g++.exe 的位置

按Save -> 輸入存檔名稱本文存為c++
圖5

如果你也要執行c程式
C:\MinGW\bin\gcc.exe

-------------------------------------------------------------------------------------------

NPP_SAVE
C:\MinGW\bin\gcc.exe "$(FULL_CURRENT_PATH)" -o $(NAME_PART)

$(CURRENT_DIRECTORY)\$(NAME_PART).exe

--------------------------------------------------------------------------------------------
按Save -> 輸入存檔名稱本文存為c

其它文章

訂閱：文章 (Atom)

Java程式教學甘仔店

目錄

2014年10月25日星期六

CSS3 opacity Property 套用樣式不透明度

CSS background-color 套用樣式背景顏色

2014年10月24日星期五

Java Two Dimensional array example(二維陣列程式範例)

2014年10月18日星期六

c 語言 printf 用法之二格式顯示

c 語言 printf 用法之一基本顯示

2014年10月16日星期四

如何在Notepad++編譯 c & c++ 語言

標籤

精選文章

初學 Java 的 HelloWorld 程式

總網頁瀏覽量

追蹤者

目錄

2014年10月25日 星期六

2014年10月24日 星期五

2014年10月18日 星期六

2014年10月16日 星期四

標籤

精選文章

總網頁瀏覽量

追蹤者

2014年10月25日星期六

2014年10月24日星期五

2014年10月18日星期六

2014年10月16日星期四