下拉列表直接選擇背景
2007/1/4 10:31:27
<html>
<head>
<title>網頁特效|Linkweb.cn/Js|---下拉列表直接選擇背景</title>
<style type="text/css">BODY {
FONT-FAMILY: "宋體"; FONT-SIZE: 9pt; MARGIN-LEFT: 4px; MARGIN-RIGHT: 0px; MARGIN-TOP: 0px
}
A {
COLOR: black; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: none
}
A:hover {
COLOR: red; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: underline
}
A:active {
COLOR: #ff0033; CURSOR: hand; FONT: 9pt "宋體"
}
</style>
<meta content="text/html; charset=gb2312" http-equiv="Content-Type">
<script language="JavaScript">
<!--
image1= new Image();
image1.src = "images/SHU.JPG";
image2= new Image();
image2.src = "images/A.GIF";
image3= new Image();
image3.src = "images/B.jpg";
image4= new Image();
image4.src = "images/C.jpg";
function imgchange(){
var imageNum = document.form.selImage.selectedIndex + 1;
fname = eval("image" + imageNum + ".src")
document.body.background = eval("image" + imageNum + ".src")
//eval(imgName + ".src");
}
//-->
</script>
</head>
<body bgColor="#FEF4D9">
<font color="red" face="隸書" size="6">
<p align="center"></font><font COLOR="#000000"> </font></p>
<p align="center"><font face="隸書" size="5" color="#0000FF"><strong>下拉列表直接選擇背景</strong></font></p>
<p align="center"> </p>
<div align="center"><center>
<table border="1" borderColor="#0000FF" borderlight="green" height="150" width="410" bordercolorlight="#00FFFF" bordercolordark="#0000FF" style="border-collapse: collapse" cellpadding="0" cellspacing="0">
<TBODY>
<tr>
<td align="middle" height="24" width="404"><strong><font color="red" size="5"> </font><font
face="宋體" size="3" color="#0000FF">一般網頁的背景圖片都是設計時設置的,在瀏覽時不能改動,這里提供一個可以瀏覽時通過下拉列表動態改變背景的特效,在下面由列表選擇圖片項目后,再單擊“顯示”按鈕,可以使窗口動態改變背景,使網頁更有交互性。</font></strong></td>
</tr>
<tr>
<td align="center" height="114" width="404"><form name="form">
<p align="center"><select name="selImage" size="1">
<option selected value="歡迎光臨 請選擇背景">歡迎光臨 請選擇背景</option>
<option value="藍天白云">藍天白云</option>
<option value="鵝卵石">鵝卵石</option>
<option value="石塊">石塊</option>
</select><input onclick="imgchange()" type="button" value="顯示"> </p>
</form>
<p> </td>
</tr>
</TBODY>
</table>
</center></div>
</body>
</html>
返回列表
返回首頁
主站蜘蛛池模板:
大ji巴cao死你高h男男gg|
欧美日韩亚洲高清不卡一区二区三区
|
黄色a视频在线观看|
婷婷啪啪婷婷啪啪|
久久精品aⅴ无码中文字字幕不卡|
狠狠久久精品中文字幕无码|
啊灬用力灬啊灬啊灬啊|
鲤鱼乡太大了坐不下去|
国产精品无码日韩欧|
bwbwbwbwbwbw精彩|
成a人片亚洲日本久久|
久久亚洲av无码精品色午夜|
欧美videos娇小|
亚洲男人的天堂在线播放|
精品久久人人妻人人做精品|
国产三级在线免费|
69xxxx日本|
国产美女精品一区二区三区|
一区二区在线播放视频|
成年网址网站在线观看|
国模无码一区二区三区不卡|
久久水蜜桃亚洲AV无码精品|
欧美孕交videosfree黑|
亚洲精品亚洲人成在线|
男人的天堂欧美|
午夜爽爽爽男女污污污网站|
色资源二区在线视频|
污黄视频在线看|
冲田杏梨AV一区二区三区|
被黑人猛躁10次高潮视频|
国产成人亚洲精品蜜芽影院|
2022福利视频|
国产精品无码永久免费888|
91香蕉视频污污|
天天5g影院永久免费地址|
一本一本久久a久久综合精品|
成人综合婷婷国产精品久久蜜臀|
久久亚洲精品国产亚洲老地址|
日韩欧美第一页|
亚洲av无码乱码在线观看|
欧美成年黄网站色视频|