1、当单击B图标后,B图标变成另一种图标,内容显示为B内容,这时要隐藏A内容,并把焦点定在B图标。当点击A图标时则反之。(默认是显示A内容,隐藏B内容)|-----------------|
| A图标 | B图标 |
|-----------------|
| A内容 |
| B内容 |
|-----------------|
2、当鼠标放在A图标后,A图标变成了B图标。A图标
3、怎么打开网页后,默认把鼠标光标定位在ID=txt1的文本框里。
| A图标 | B图标 |
|-----------------|
| A内容 |
| B内容 |
|-----------------|
2、当鼠标放在A图标后,A图标变成了B图标。A图标
3、怎么打开网页后,默认把鼠标光标定位在ID=txt1的文本框里。
3.在body的onload事件中写document.getElementById("控件名").focus();
onload = "document.getElementById("控件名").focus();"
<body>
<form id="Form1" method="post" runat="server">
<asp:textbox id="txt1" runat="server"></asp:textbox></form>
</body>
<script language="JavaScript">
document.getElementById("txt1").focus(); </script>
<img src="a1.jpg" id="img_a">
<img src="b1.jpg" id="img_b">
<div id="A">A</div>
<div id="B" style="display:none">B</div><script language="javascript">
function Change(oControl)
{
var id = oControl.id;
if(id == "a")
{
document.getElementById("A").style.display = "none";
oControl.src = "a2.jpg"; document.getElementById("B").style.display = "block";
document.getElementById("img_b").src = "b2.jpg";
}
else if(id == "b")
{
document.getElementById("B").style.display = "none";
oControl.src = "b1.jpg"; document.getElementById("A").style.display = "block";
document.getElementById("img_a").src = "a1.jpg";
}
}
</script>3
document.getElementById("controlid").focus();
SetFocus()
{
document.getElementById("txt1").focus(); }
</script>
<BODY onLoad="SetFocus();">
<HTML>
<HEAD>
<title>WebForm3</title> </HEAD>
<body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" >
<asp:textbox id="TextBox1"></asp:textbox>
<IMG id="A" onmousemove="show(this)" onmouseout="defult(this)" onclick="hidde(this)" style="Z-INDEX: 103; LEFT: 48px; POSITION: absolute; TOP: 208px" alt="" src="http://www.baidu.com/img/logo.gif">
<IMG id="B" onmousemove="show(this)" onmouseout="defult(this)" onclick="hidde(this)" style="Z-INDEX: 104; LEFT: 248px; POSITION: absolute; TOP: 192px" alt="" src="http://www.google.com/intl/zh-CN_ALL/images/logo.gif"></form>
<script language="JavaScript">
document.getElementById("TextBox1").focus();
function show(ID)
{
if(ID.id=='A')
{
ID.src=document.getElementById("B").src;
}
else
{
ID.src=document.getElementById("A").src;
}
}
function defult(ID)
{
if(ID.id=='A')
{
ID.src="http://www.baidu.com/img/logo.gif";
}
else
{
ID.src="http://www.google.com/intl/zh-CN_ALL/images/logo.gif";
}
}
function hidde(ID)
{
if(ID.id=='A')
{
document.getElementById("B").style.display="none";
}
else
{
document.getElementById("A").style.display="none";
}
}
</script>
</body>
</HTML>
<script language="javascript">
function imgMouseDown(id)
{
if(id=="A")
{
document.getElementById("content").innerText="Content of A";
}
else if(id=="B")
{
document.getElementById("content").innerText="Content of B";
}
}
</script>
<body>
<table cellpadding="0" cellspacing="0" id="tableTest" border="1">
<tr>
<td>
<img src="Img/A.gif" name="A" id="A" onmouseup="imgMouseDown('A');">
</td>
<td>
<img src="Img/B.gif" name="B" id="B" onmouseup="imgMouseDown('B');">
</td>
</tr>
<tr>
<td colspan="2"><span id="content">span content</span></td>
</tr>
</table>
</body>
</html>
2、focus方法