怎样利用js实现图片的转换的??

点击每个小点就会出现对应的图片这样的效果很常见怎么做呢... 点击每个小点就会出现对应的图片 这样的效果很常见 怎么做呢 展开
 我来答
不知人间味
2013-10-02 · TA获得超过222个赞
知道小有建树答主
回答量:213
采纳率:0%
帮助的人:164万
展开全部
比如
我就不写几个小点了 写一个把!javascript能通过DOM来修改对象的src属性
<script>
function bianhua(){ //图片变化函数
var img = document.getElementById("tupian"); //创建个变量 它等于img 对象
img.src="xxx/xxxjpg"; 操作img对象的src属性 = 另外的图片路径
}
</script>
<img src="xxx/xxx.jpg" id="tupian">
<botton type="button" onclick="bianhua"></botton>
追问
那些小点是怎么弄的  是小图片浮在上面吗?
蓝胖子的小兜兜
2013-10-02
知道答主
回答量:36
采纳率:0%
帮助的人:12.8万
展开全部
一般都是用插件的,不过我有个性能不是很好的思路
鼠标点击一个小点的时候你给这个位置重新加载图片也可以,
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
过去到未来哇
2017-01-15 · TA获得超过4980个赞
知道小有建树答主
回答量:6025
采纳率:0%
帮助的人:987万
展开全部
target:点击的图
把target复制一个出来,设置postion:fixed,然后加入到body后面,用于放大显示。
把target设置为不显示(visiable:hidden)。

移动问题:
逗它旁边的图片也需要跟着移动,同时达到一个循环地,看不懂什么意思。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
yu48250302
2013-10-02 · TA获得超过128个赞
知道小有建树答主
回答量:215
采纳率:100%
帮助的人:75.6万
展开全部
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script type="text/javascript">
function test()
{
var img=document.getElementById("tupian");

img.src="11-021335_436.jpg";
}
</script>

<body>
<img id="tupian"/ >
<br />
<input type="button" onmouseover="test()" value="边" onclick="test()"/>
</body>
</html>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

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

类别

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

说明

0/200

提交
取消

辅 助

模 式