关于网页:如何鼠标移动到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的能否具体点,谢谢大家了 展开
移出B图片又变成A图片
这2步我实现了
可是点击B图片的时候怎么能变成C图片呢?
这个问题头痛了好久T_T
回答者: yiheng_1986 - 助理 二级
太简单了,利用层样式就可以解决!
====================================
请问能具体点吗?谢谢@_@
++++++++++++++++++++++++++++++++++++++++++++++
大家理解错我的意思了,
我在mousemove A图片的时候触发换B图片的函数
moveout的时候触发换成A图片的函数
当点击图片的时候触发另外个函数,且称之为函数甲.
函数甲的作用是利用Ajax技术判断某些值,然后当判断完成某些值为我所要的值后把A图片换成C图片.
但是这里碰到问题了,函数甲可以成功运行,Ajax的部分也完全OK,但是就是不能换成C图片.
我看帮助文档找不到有什么方法可以停用mousemove和moveout方法;后来试过attachevent方法,可是也不成功.
有可能是我思维定式没有找到另外简单的办法>_<
另外请回答说CSS的能否具体点,谢谢大家了 展开
展开全部
<!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>
楼主可以试一试,图片和文件放在同级目录上就可以了
代码是自己写的,有不对的地方你参考再改改吧。
<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>
楼主可以试一试,图片和文件放在同级目录上就可以了
代码是自己写的,有不对的地方你参考再改改吧。
展开全部
对不起了哥们,本人学艺不精,只能说个大概具体你自己查吧。
你这属于javascript技术,百度搜搜关于javascript鼠标移动事件的API相关资料吧。
你这属于javascript技术,百度搜搜关于javascript鼠标移动事件的API相关资料吧。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
http://www.tzwhx.com/newOperate/html/2/22/223/8325.html
http://haoxiai.net/wangzhanzhizuo/Dreamweaver/30936.html
行为在窗口那找!
自己思考一下吧!很容易实现!
在行为下先点击下面的空白初!添加MOVEUP 和MOVEOVER
再点+号-交换图像
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>
<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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
太简单了,利用层样式就可以解决!
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询