目前日期文章:201003 (13)

瀏覽方式: 標題列表 簡短摘要

透過設置display屬性,可以改變某個標記本來的元素類型,或把某個元素隱藏起來。

有三種屬性值:inline(行內)block(區塊)none(無)


chenmike 發表在 痞客邦 留言(1) 人氣()

position屬性有四個屬性值可以設定,分別是static, relative, absolute, fixed


static(靜態定位)

為預設值,表示區塊保持在原本應該在的位置上,即該值沒有任何移動的效果。

chenmike 發表在 痞客邦 留言(0) 人氣()

背景設定(background)

body
background :
色碼;                                         
   /*背景底色*/
background-image : url('
背景圖片網址');          /*背景圖片網址*/
background-repeat :
 repeat;                          /*背景圖片重複排列*/

chenmike 發表在 痞客邦 留言(0) 人氣()

在CSS中,一個獨立的盒子模型由content(內容)border(邊框)padding(內邊距)margin(外邊距)四個部分組成。

 

倘若將盒子模型比作展覽館裡展出的一幅幅畫,那麼content就是畫面本身,padding就是畫面與畫框之間的留白,border就是畫框,margin就是畫與畫之間的距離。

 



chenmike 發表在 痞客邦 留言(0) 人氣()

1.標記選擇器:用來宣告哪些標記採用那種CSS樣式。每一種HTML標記的名稱都可以作為對應的標記選擇器的名稱。

如: <style>

h1{

color:red;

font-size:25px;

chenmike 發表在 痞客邦 留言(0) 人氣()

1.行內式:在標記的style屬性中設定CSS樣式。

2.嵌入式:將對面面中各種元素的設置集中寫在<head>和</head>之間。

3.連結式:使用HTML的標記引入外部CSS檔。

例: <link href="mystyle.css" rel="stylesheet" type ="text/css"/>

4.匯入式:使用CSS的規則引入外部CSS檔。

chenmike 發表在 痞客邦 留言(0) 人氣()

  • Mar 23 Tue 2010 14:32
  • Canvas

<canvas> 是 HTML 的新元素,可透過 Script(通常是 JavaScript)繪製圖形。例如,可以用來繪圖、合成圖照片,或播放動畫。

Mozilla 應用程式從 Gecko 1.8(也就是 Firefox 1.5)起開始支援 <canvas>。這個元素最初由蘋果 OS X Dashboard 和 Safari 引入。Internet Explorer 本身並不支援 <canvas>,不過網頁可以從 Google 的 Explorer Canvas 專案那裡含入 Script,就能得到有效的支援。Opera 9 也支援 <canvas>

chenmike 發表在 痞客邦 留言(0) 人氣()

jQuery 是一套物件導向式簡潔輕量級的 JavaScript Library。透過 jQuery 你可以用最精簡少量的程式碼來輕鬆達到跨瀏覽器 DOM 操作、事件處理、設計頁面元素動態效果、AJAX 互動等。

再談談 jQuery 的好

1. 官方文件詳細。(重要)
2. 簡潔不笨重,壓縮後大約15KB (v1.2.6)。
3. 只要你有 JavaScript 的基礎,不用再多去學習一大堆新語法。
4. 不用去煩惱跨瀏覽器的問題,jQuery 已經幫你作好了。(IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+)
5. 支援CSS3選擇器。
6. 社群活躍,你可以有很多人家寫好免費的 plugin 用。
7. 跟其它 library 一起使用也不衝突。(jQuery.noConflict())
8. 
jQuery UI 幫你漂亮搞定 (Web 2.0?) 網站使用者介面。

開始 jQuery

先下載 jQuery Library
http://docs.jquery.com/Downloading_jQuery
接著將此 JS 檔放進您網頁 HTML 的 <head> 及 </head> 之間...

<script type="text/javascript" src="jQuery 檔案路徑"></script>

 也可以透過 Google 載入 jQuery  Google AJAX Libraries API

chenmike 發表在 痞客邦 留言(0) 人氣()

注意事項:

1.使用UTF-8文字碼

<meta http-equiv="content-type" content="text/html; charset=utf-8"/>

2.把檔案放在網路伺服器之後再進行測試


chenmike 發表在 痞客邦 留言(0) 人氣()

XMLHttpRequest物件是用來進行HTTP通訊的物件。

藉由使用Script,並以HTTP程式為基礎來連接伺服器;而JavaScript則可藉由使用XMLHttpRequest()建構子來建立實體。

var 物件名稱 = new XMLHttpRequest()

【在ie中,則是:  物件名稱 = new ActiveXObject("Msxml2.XMLHTTP")

       物件名稱 = new ActiveXObject("Microsoft.XMLHTTP") 】

chenmike 發表在 痞客邦 留言(0) 人氣()

Ajax的全名為Asynchronous JavaScript and XML,定義為:

  • 使用XHTMLCSS的標準技術為基礎的網頁。
  • 使用DOM作動態顯示與互動。
  • 使用XMLXSLT來變更和操作資料。
  • 使用XMLHttpRequest來非同步地交換資料。
  • 使用Javascript來結合上述功能。


chenmike 發表在 痞客邦 留言(0) 人氣()

檔案物件模型Document Object Model,簡稱DOM),是W3C組織推薦的處理可擴充套件置標語言的標準程式介面。

根據W3C DOM規範(http://www.w3.org/DOM/),DOM是一種與瀏覽器,平台,語言的接口,使得你可以訪問頁面其他的標準組件。簡單理解, DOM解決了Netscaped的Javascript和Microsoft的Jscript之間的衝突,給予web設計師和開發者一個標準的方法,讓他們來訪問他們站點中的數據、腳本和表現層對像。 

文件物件模型(Document Object Model,DOM)是給 HTML 與 XML 文件使用的一組 API。它提供了文件的結構表述(representation),讓你可以更動其中的內容及可見物。其本質是建立網頁與 Script 或程式語言溝通的橋樑

chenmike 發表在 痞客邦 留言(0) 人氣()

API指Application Programming Interface, 應用程式界面

什麼是API,做個簡單的解釋,拿個大家最常看到的幾個東西來做解釋:『筆』。

今天我們要寫一份文章,我們的手=程式筆=API紙=電腦,API就是介於我們的手和電腦之間的一個工具。

如果,少了筆,我們一樣可以把字寫到紙上,不過得要自己做出一個可以寫出字來的東西才行。

chenmike 發表在 痞客邦 留言(13) 人氣()