关于菜鸟的javascript... 我自学了javascript,懂了一点点今天自己上网...

发布网友发布时间：2022-04-25 14:57

共5个回答

热心网友时间：2022-04-24 08:34

额给你讲讲思路吧：
1、首先用html写出图片标签img和展示图片的区域div
2、为每张图片注册事件侦听器mouseover,当鼠标移动到该图片时，触发事件侦听器(也就是相应的js函数),获得图片的地址，然后将展示区域的 img.src修改成当前获得的地址即可。
剩下的就是实现了。。。写了个你看看，要运行，把里面的图片，换成你电脑里的就行了
<!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=utf-8" />
<title>无标题文档</title>
</head>
<style>
#showImg{
width:200px;
height:200px;
border:#000000 1px solid;
}
</style>
<body>
<div id="imgs">
<img src="png-0001.png" />
<img src="png-0002.png" />
<img src="png-0003.png" />
<img src="png-0004.png" />
</div>
<div id="showDiv">
<img id='showImg' src="png-0001.png" />
</div>
</body>
<script language="javascript">
function initImg()
{
var imgs=document.getElementById('imgs').getElementsByTagName('img');//返回一个img集合的数组
for(var i=0;i<imgs.length;i++)
{
var path=imgs[i].src;//获得图片路径
show(imgs[i],path);
}
}
function show(img,path)
{
var imgObject=new Image();
imgObject.src=path;
var showImg=document.getElementById('showImg');
if(img.addEventListener)//w3c标准添加事件侦听器(事件触发函数)方式
{
img.addEventListener('mouseover',function(){showImg.src=imgObject.src;},false);
}
else //IE添加事件侦听器(事件触发函数)方式
{
img.attachEvent('onmouseover',function(){showImg.src=imgObject.src;});
}
}
window.onload=initImg;
</script>
</html>

热心网友时间：2022-04-24 09:52

简单的做法，用div的显示于隐藏能轻松搞定，
<body>
<a href="javascript:show1()">显示图片一</a>
<div id="m1" style="display:none"><img src="1.jpg" alt="这是第一张"/></div>
</body>
<script>
function show1(){
var m=document.getElementById("m1");
m.style.display="block";
}
</script>
//这种是鼠标点击的时候显示某张图片的，

想要鼠标移上去就显示，鼠标移出就隐藏，用JQuery做会很简单
$("#id").hover(function(){//显示} , function(){//隐藏});

热心网友时间：2022-04-24 11:26

建议先学好 java ,在学 jsp就容易多了 ,除了要做好页面外还要对数据库操作
你可以不相信，我没什么损失

热心网友时间：2022-04-24 13:18

楼上两位太会联想了，楼主就是想学下JavaScript而已。。追问说的对,....对他们真无语...

热心网友时间：2022-04-24 15:26

看出来楼主当时自学的时候就没有深入思考。只是简单的看下来，这肯定是不行的！你还是找一套ASP.NET视频教程仔细再来一遍吧！

关于菜鸟的javascript... 我自学了javascript,懂了一点点 今天自己上网...

关于菜鸟的javascript... 我自学了javascript,懂了一点点今天自己上网...