------- android培訓、java培訓、期待與您交流！ ----------
這一段時間學習了JavaScript，使用JavaScript做了幾個案例。
1、JS控制網頁字體大小
2、JS控制某個部分顯示或者隱藏
3、菜單切換效果
4、廣告漂浮效果
1、JS控制字體大小，在網頁上有一句話，還有兩個按鈕，一個按鈕是變大，一個按鈕是變小，當我點擊變大按鈕時，文字會比原來大，當我點擊變小時，文字就會縮小。
首先寫一個普通的html頁面
<html>
<head>
<title>JS改變字體大小</title>
</head>
<body>
<div id="div1">
把我變了
</div>
<input type="button" value="變大"" />
<input type="button" value="變小" />
</body>
</html>oncick="changeBig()"和onclick="changeSmall()"
寫完以後我們需要在head標籤內添加JavaScript.
我們要控制字體的大小，首先需要通過document對象獲取到要控制的字體的對象，通過對象去更改div內的樣式，這樣就可以達到更改字體大小的效果了
<script type="text/javascript">
var x = 50;//設置全局變量，用於控制字體的大小
function changeBig(){
var div1 = document.getElementById("div1"); //獲取div對象
div1.style.fontSize = x+"px"; //修改div樣式
x = x + 10;
}
function changeSmall(){
x = x - 10;
var div1 = document.getElementById("div1");
div1.style.fontSize = x + "px";
}
</script>2、JS控制某個部分顯示或者隱藏
在CSS中讓網頁中的某個部分隱藏的話，用兩種方式，一種方式是display，一種方式是 visibility。
display和visibility不同的地方在於用display控制的對象，隱藏之後不會在佔有網頁空間，而visibility控制的對象隱藏之後
還會佔有網頁空間。
同樣我們要完成這樣的效果也是需要通過更改css樣式來達到我們的目的。
首先，完成的是html頁面，頁面上同樣是兩個按鈕和一句話，按鈕則是顯示和隱藏按鈕
<html>
<head>
<title>JS控制顯示和隱藏</title>
</head>
<body>
<div id="div1">
把我變了
</div>
<input type="button" value="給我顯示" />
<input type="button" value="給我隱藏" />
</body>
</html>onclick="show()"和onclick="hidden"
接着我們需要的是通過需要被顯示或者隱藏的id獲取對應的對象進而控制文字的顯示或者隱藏
下面是JS的代碼
<script type="text/javascript">
function hide(){
var div1 = document.getElementById("div1"); //獲取div對象
div1.style.visibility = "hidden";
//div1.style.display = "none";
}
function show(){
var div1 = document.getElementById("div1");
div1.style.visibility = "visible";
//div1.style.display = "block";
}
</script>總結，我們使用JavaScript做出一些我們期望的效果其實是通過js去獲取對象，使用對象去更改css樣式。