表單css和js例子,html簡單表單代碼例子

本文目錄一覽：

• 1、用div+ul+li+css+js製作一張表格並實現變色效果
• 2、css與js的區別。最好老師們舉幾個例子。
• 3、js控制css樣式的代碼有例子嗎
• 4、HTML中css和js有什麼區別？

用div+ul+li+css+js製作一張表格並實現變色效果

div

ul

li style=”background:#ececec” onMouseOver=”this.style.background=’#ffffff'” onMouseOut=”this.style.background=’#ececec'”第1行第1列/li

li第1行第2列/li

li第1行第3列/li

/ul

ul

li第2行第1列/li

li第2行第2列/li

li第2行第3列/li

/ul

ul

li第3行第1列/li

li第3行第2列/li

li第3行第3列/li

/ul

div

樓上的要求恐怕只有高手中的高高手 可能會做出來！！~~

首先，一個 div 裡面有 n 個 li ,你要鼠標滑過哪個li,又是要哪個li變色？不指定 li 的 id ，是不可能 對指定的 li 實施背景變色的！

就好比有一個足球隊 ，11個人都叫 張三 ，隊長喊“張三，向前沖；張三 回去防守；張三 快接球；張三 到我這裡來… ”, 請問你明白我的意思嗎？

css與js的區別。最好老師們舉幾個例子。

css可以使頁面以一定的布局方式顯示出來。而js對頁面的各種動態效果進行處理，如進行圖片的替換，圖片的滾動，層的顯示與隱藏，快捷鍵的處理等等。

js控制css樣式的代碼有例子嗎

n個啊 ：

document.getElementById(‘aa’).style.display=”none” ; style 後面就是你的樣式啊 只是用命名是駱駝命名法而已，

script type=”text/javascript”

var state = true;

function changestyle()

{

if(state)

{

alert(document.styleSheets[0].cssText);

document.styleSheets[0].cssText=”.fontstyle{ font-size:12px; font-weight:bold;}”;

state = false;

}

else

{

document.styleSheets[0].cssText=”.fontstyle{ font-size:16px}”;

state = true;

}

}

/script這是最簡單的例子

HTML中css和js有什麼區別？

HTML,CSS,JavaScript 分別是什麼？

HTML是網頁內容的載體。內容就是網頁製作者放在頁面上想要讓用戶瀏覽的信息，可以包含文字、圖片、視頻等。

CSS樣式是表現。就像網頁的外衣。比如，標題字體、顏色變化，或為標題加入背景圖片、邊框等。所有這些用來改變內容外觀的東西稱之為表現。

JavaScript是用來實現網頁上的特效效果。如：鼠標滑過彈出下拉菜單。或鼠標滑過表格的背景顏色改變。還有焦點新聞（新聞圖片）的輪換。可以這麼理解，有動畫的，有交互的一般都是用JavaScript來實現的。

一、HTML—Hypertext Markup Language。

結構（structure）——決定網頁的結構及內容，即“顯示哪些內容”

超文本標記語言。它通過標記符號來標記要顯示的網頁中的各個部分。網頁文件本身是一種文本文件，通過在文本文件中添加標記符，可以告訴瀏覽器如何顯示其中的內容(比如文字如何處理，畫面如何安排，圖片如何顯示等)。瀏覽器按順序閱讀網頁文件，然後根據標記符解釋和顯示其標記的內容。

HTML文本中包含了所謂的“鏈接點”HTML利用超鏈接的方法，將各種不同空間的文字信息組織在一起的網狀文本。總的來說，HTML就是整合網頁結構和內容顯示的一種語言。

二，CSS—Cascading Style Sheet，

表現（presentation）——設計網頁的表現樣式，即“如何顯示有關內容”

層疊樣式表單。是將樣式信息與網頁內容分離的一種標記語言。我們在牛腩新聞發布系統中，我們使用過CSS文件，對一些標籤的樣式進行修改。

我們使用CSS為每個HTML元素定義樣式，也可以用於多個界面。進行全局更新時，只需修改樣式即可。

body { border :1px solid #000;/整體的邊框/ font-size :14px; }

CSS就是設置網頁上HTML元素屬性的語言。

3、Javascript

行為（behavior）——控制網頁的行為（效果），即“內容應該如何對事件做出反應”

Java是一種基於對象(Object)和事件驅動(Event Driven)並具有安全性能的腳本語言。使用它的目的是與HTML超文本標記語言、Java腳本語言(Java小程序)一起實現在一個Web頁面中鏈接多個對象，與Web客戶交互作用。例如可以設置鼠標懸停效果，在客戶端驗證表單，創建定製的HTML頁面，顯示警告框，設置cookie等等。

function jsHello{ alert(‘Hello World!’); }

把代碼嵌入HTML語言中，它會在加載時彈出一個“Hello World”對話框。