关于网页:如何鼠标移动到A图片上面,A图片变成B图片,点击B图片变成C图片

鼠标移动到A图片上面,A图片变成B图片移出B图片又变成A图片这2步我实现了可是点击B图片的时候怎么能变成C图片呢?这个问题头痛了好久T_T回答者:yiheng_1986-... 鼠标移动到A图片上面,A图片变成B图片
移出B图片又变成A图片
这2步我实现了
可是点击B图片的时候怎么能变成C图片呢?
这个问题头痛了好久T_T
回答者: yiheng_1986 - 助理 二级
太简单了,利用层样式就可以解决!
====================================
请问能具体点吗?谢谢@_@
++++++++++++++++++++++++++++++++++++++++++++++
大家理解错我的意思了,
我在mousemove A图片的时候触发换B图片的函数
moveout的时候触发换成A图片的函数
当点击图片的时候触发另外个函数,且称之为函数甲.
函数甲的作用是利用Ajax技术判断某些值,然后当判断完成某些值为我所要的值后把A图片换成C图片.
但是这里碰到问题了,函数甲可以成功运行,Ajax的部分也完全OK,但是就是不能换成C图片.
我看帮助文档找不到有什么方法可以停用mousemove和moveout方法;后来试过attachevent方法,可是也不成功.
有可能是我思维定式没有找到另外简单的办法>_<
另外请回答说CSS的能否具体点,谢谢大家了
展开
 我来答
百度网友dd3da05
推荐于2016-04-21 · 超过12用户采纳过TA的回答
知道答主
回答量:81
采纳率:0%
帮助的人:40.2万
展开全部
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
<meta name="ProgId" content="VisualStudio.HTML">
<meta name="Originator" content="Microsoft Visual Studio .NET 7.1">
<script>
function change_pic()
{
var pic1=document.getElementById("pic1");
//if(lastIndexOf(pic1.src))
var start=pic1.src.lastIndexOf("/");
var str=pic1.src.substring(start+1);
if(str=="a.jpg")
{
pic1.src="b.jpg";
pic1.alt="我是B图片";
}
else if(str=="b.jpg")
{
pic1.src="a.jpg";
pic1.alt="我是A图片";
}
}
function change_c()
{
var pic1=document.getElementById("pic1");

pic1.src="c.gif";
pic1.alt="我是C图片";

}
</script>
</head>
<body>
<IMG alt="我是A图片" src="a.jpg" id="pic1" onmouseover="change_pic();" onMouseOut="change_pic();" onclick="change_c();">
</body>
</html>

楼主可以试一试,图片和文件放在同级目录上就可以了
代码是自己写的,有不对的地方你参考再改改吧。
7769086
2009-01-13
知道答主
回答量:38
采纳率:0%
帮助的人:17.6万
展开全部
对不起了哥们,本人学艺不精,只能说个大概具体你自己查吧。
你这属于javascript技术,百度搜搜关于javascript鼠标移动事件的API相关资料吧。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
button_o
2009-01-13 · TA获得超过128个赞
知道小有建树答主
回答量:162
采纳率:0%
帮助的人:106万
展开全部
http://www.tzwhx.com/newOperate/html/2/22/223/8325.html
http://haoxiai.net/wangzhanzhizuo/Dreamweaver/30936.html
行为在窗口那找!
自己思考一下吧!很容易实现!
在行为下先点击下面的空白初!添加MOVEUP 和MOVEOVER
再点+号-交换图像
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2009-01-15
展开全部
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
<meta name="ProgId" content="VisualStudio.HTML">
<meta name="Originator" content="Microsoft Visual Studio .NET 7.1">
<script>
function change_pic()
{
var pic1=document.getElementById("pic1");
//if(lastIndexOf(pic1.src))
var start=pic1.src.lastIndexOf("/");
var str=pic1.src.substring(start+1);
if(str=="a.jpg")
{
pic1.src="b.jpg";
pic1.alt="我是B图片";
}
else if(str=="b.jpg")
{
pic1.src="a.jpg";
pic1.alt="我是A图片";
}
}
function change_c()
{
var pic1=document.getElementById("pic1");

pic1.src="c.gif";
pic1.alt="我是C图片";

}
</script>
</head>
<body>
<IMG alt="我是A图片" src="a.jpg" id="pic1" onmouseover="change_pic();" onMouseOut="change_pic();" onclick="change_c();">
</body>
</html>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
yiheng_1986
2009-01-12 · 超过35用户采纳过TA的回答
知道答主
回答量:186
采纳率:0%
帮助的人:75万
展开全部
太简单了,利用层样式就可以解决!
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(4)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式