<!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=gb2312" />
<title>无标题文档</title>
<style>
a {
font-size: 20px;
color: #00FF00;
font-family: Arial, Helvetica, sans-serif;
}
a:link {
text-decoration: none;
color: #FF9900;
}
a:visited {
text-decoration: none;
color: #FF9900;
}
a:hover {
text-decoration: none;
color: #FF9900;
}
a:active {
text-decoration: none;
color: #FF9900;
}li
{
list-style-type:none; display:inline; float:left
}
</style>
<script language="javascript" type="text/javascript">
function ReplaceImg(obj)
{
alert(obj.src); //它输出了改变前图片的正确路径 obj.src="../img/my51job.jpg";
alert(obj.src); //它页输出了改变后图片的正确路径
} //为啥我点击后图片显示居然是个叉?????
function onload()
{
document.getElementById("t1").src="../img/my51job_.jpg";
}
</script>
</head><body onload="onload()">
<div>
<ul>
<li><a href="http://www.baidu.com" target="_blank"><img id="t1" border="0" onclick="ReplaceImg(this)" /></a></li>
<li><a href="#"><img src="../img/简历管理_.jpg" alt="职位搜索" border="0" /></a></a></li>
<li><a href="#"><img src="../img/职位搜索_.jpg" alt="简历管理" border="0" /></a></a></li>
</ul>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
a {
font-size: 20px;
color: #00FF00;
font-family: Arial, Helvetica, sans-serif;
}
a:link {
text-decoration: none;
color: #FF9900;
}
a:visited {
text-decoration: none;
color: #FF9900;
}
a:hover {
text-decoration: none;
color: #FF9900;
}
a:active {
text-decoration: none;
color: #FF9900;
}li
{
list-style-type:none; display:inline; float:left
}
</style>
<script language="javascript" type="text/javascript">
function ReplaceImg(obj)
{
alert(obj.src); //它输出了改变前图片的正确路径 obj.src="../img/my51job.jpg";
alert(obj.src); //它页输出了改变后图片的正确路径
} //为啥我点击后图片显示居然是个叉?????
function onload()
{
document.getElementById("t1").src="../img/my51job_.jpg";
}
</script>
</head><body onload="onload()">
<div>
<ul>
<li><a href="http://www.baidu.com" target="_blank"><img id="t1" border="0" onclick="ReplaceImg(this)" /></a></li>
<li><a href="#"><img src="../img/简历管理_.jpg" alt="职位搜索" border="0" /></a></a></li>
<li><a href="#"><img src="../img/职位搜索_.jpg" alt="简历管理" border="0" /></a></a></li>
</ul>
</div>
</body>
</html>
解决方案 »
- asp 非法字符转换问题(高手请进)
- 我只会简单的js、jq,怎么提高自己的js水平,求指教!
- 关于不定宽度的div的居中问题
- 【分享】WiFi上网高危陷阱 —— 浏览任意页面各大网站脚本文件皆中毒!
- WScript.Shell打开本地程序 路径中有空格和中文怎么处理?
- 请问各位高手,在一页面上做一个层,能挡住下拉框,且又能拖动
- 关于"+"的使用,字符相加,数字相加?
- 急:请问一个input用javascript如何定义其readonly属性。
- javascript中关于日期的一个奇怪问题?(有源代码)
- 求一正则表达式将'转换成\'
- 如何对JSP列表的一个数字字段进行页面合计(对已合计的字段再合计)
- 在IE下添加节点并给该节点加一个onclick事件的问题
只见../img/my51job_.jpg
大哥,这是了两张不通的图片呢,为的是我在点 my51jo_.jpg这张图片时,替换成 my51job.jpg的图片呢。
但不知道它为什么替换后不能显示图片……
如果两张图片都正确,
document.getElementById("img1").src = "my51job2.jpg"