<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文件</title>
</head>
<style type="text/css">
font1{size:20px}
font2{size:16px}
</style>
<script language="javascript" src="jquery-1.10.2.js"></script>
<script language="javascript">
$(document).ready(function()
{
$("#ul li").mouseover(function()
{
$(this).eq(0).css("background-color","#00ff00");
$(this).removeClass("font2");
$(this).addClass("font1");
});
$("#ul li").mouseout(function(e)
{
$(this).eq(0).css("background-color","#ffffff");
$(this).removeClass("font1");
$(this).addClass("font2");
});
});
</script>
<body>
<div style="width:130px">
<ul id="u" style="list-style:none" >
<li style="list-style:url(image/ic_launcher.png)">程式設計班</li>
<li style="list-style:url(image/ic_launcher.png)">美工設計班</li>
<li style="list-style:url(image/ic_launcher.png)">網頁設計班</li>
</ul>
</div>
</body>
</html>
================
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文件</title>
</head>
<style type="text/css">
font1{size:20px}
font2{size:16px}
</style>
<script language="javascript" src="jquery-1.10.2.js"></script>
<script language="javascript">
function fun1()
{
var t=new Array();
t[0]=$("#t1").val();
t[1]=$("#t2").val();
t[2]=$("#t3").val();
t[3]=$("#t4").val();
t[4]=$("#t5").val();
var min=t[0];
for (var i=0;i<t.length;i++)
{
if (parseInt(t[i]<parseInt(min)))
{
min=t[i];
}
}
$("#t6").val(min);
}
function fun2()
{
$("#t1").val("");//清除表單文字框
$("#t2").val("");
$("#t3").val("");
$("#t4").val("");
$("#t5").val("");
$("#t6").val("");
}
function funw()
{
$("#table1").slideUp(1000);
}
function func()
{
$("#table1").slideDown(1000);
}
</script>
<body onload="func()">
<form id="f1" name="f1">
<div id="dv1" style="background-color:#9C0; width:500px; height:20px" >
<a href="javascript:void();" onclick="funw()">開啟</a>
<a href="javascript:void();" onclick="func()">關閉</a>
</div>
<table border="2" width="500px" id="table1">
<tr>
<td>數值一</td>
<td>
<input type="text" id="t1" name="t1" size="20" />
</td>
<td>數值二</td>
<td>
<input type="text" id="t2" name="t2" size="20" />
</td>
</tr>
<tr>
<td>數值三</td>
<td>
<input type="text" id="t3" name="t3" size="20" />
</td>
<td>數值四</td>
<td>
<input type="text" id="t4" name="t4" size="20" />
</td>
</tr>
<tr>
<td>數值五</td>
<td>
<input type="text" id="t5" name="t5" size="20" />
</td>
<td>最小值</td>
<td>
<input type="text" id="t6" name="t6" size="20" />
</td>
</tr>
<tr>
<td colspan="2">
<input type="button" id="bt1" name="bt1" value="執行" onclick="fun1()"/>
</td>
<td colspan="2">
<input type="button" id="bt2" name="bt2" value="清除" onclick="fun2()"/>
</td>
</tr>
</table>
</form>
</body>
</html>
沒有留言:
張貼留言