文本框栏目介绍

- 中国WEB开发者网络 (http://www.webasp.net)
-- 网页特效 (http://www.webasp.net/javascript/)
--- 文本框栏目介绍 (http://www.webasp.net/javascript/1/645.htm)
-- 发布日期： 2005-06-24
<!-- 网页特效代码由[中国WEB开发者网络:http://www.ChinaWebDev.com]提供！ -->
<!-- 要实现此效果需要 2 个步骤： -->

<!-- 第 1 步： -->
<!-- 把下面的代码加到<HEAD></HEAD>区域中： -->

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var messages = new Array(6);
messages[0] = "";
messages[1] = "Have you ever seen anything like this before?";
messages[2] = "Can you imagine how you could use it on your site?";
messages[3] = "It's great for sharing lots of information.";
messages[4] = "And doesn't take up much space! ";
messages[5] = "So, get the code and put it on your site!";
function messageReveal() {
var messageindex = document.messageForm.messagePick.selectedIndex
document.messageForm.messageField.value = messages[messageindex];
}
// End -->
</SCRIPT>






<!-- 第 2 步： -->
<!-- 把下面的代码加到<BODY></BODY>区域中： -->

<form name="messageForm">
<select name="messagePick" OnChange="messageReveal()">
<option value="0">The Menu Message
<option>Seen this before?
<option>Possible uses?
<option>Shares Information
<option>Saves space
<option>Get the code!
</select>
<br><p>
<textarea name="messageField" rows=6 cols=50 wrap=virtual></textarea>
</form>

webasp.net