如何用js实现以下效果？？？页面有九张图片，当鼠标移到第一张图片时显示第二张图片，鼠标移出时恢复，鼠标移动到第二张图片时，显示第三张图片，移开是恢复，以此类推。。。
&script& function over(o) {
o.oldImage = o.
var nextId = parseInt(o.id.substr(3));
if (nextId == 9) nextId = 1;
o.src = document.getElementById(&Img& + nextId). } function out(o) {
o.src = o.oldI
}&/script&&img src=&x.cc/Images/logoSite.gif& onmouseover=&over(this)& onmouseout=&out(this)& id=&Img1&img的id设置为id=&Img1&到id=&Img9&即可例子&html xmlns=&; &&head& &title$>$/title&&/head&&body&&script& function over(o) {
o.oldImage = o.
var nextId = parseInt(o.id.substr(3));
if (nextId == 9) nextId = 1;
o.src = document.getElementById(&Img& + nextId). } function out(o) {
o.src = o.oldI
}&/script&&img src=&x.cc/Images/logoSite.gif& onmouseover=&over(this)& onmouseout=&out(this)& id=&Img1& width=&100& height=&60& /&&img src=&x.cc/Images/qrcode.png& onmouseover=&over(this)& onmouseout=&out(this)& id=&Img2& width=&100& height=&60&
/&&img src=&x.cc/Images/meng.gif& onmouseover=&over(this)& onmouseout=&out(this)& id=&Img3& width=&100& height=&60&
/&&img src=&x.cc/Images/logoSite.gif& onmouseover=&over(this)& onmouseout=&out(this)& id=&Img4& width=&100& height=&60& /&&img src=&x.cc/Images/qrcode.png& onmouseover=&over(this)& onmouseout=&out(this)& id=&Img5& width=&100& height=&60&
/&&img src=&x.cc/Images/meng.gif& onmouseover=&over(this)& onmouseout=&out(this)& id=&Img6& width=&100& height=&60&
/&&img src=&x.cc/Images/logoSite.gif& onmouseover=&over(this)& onmouseout=&out(this)& id=&Img7& width=&100& height=&60& /&&img src=&x.cc/Images/qrcode.png& onmouseover=&over(this)& onmouseout=&out(this)& id=&Img8& width=&100& height=&60&
/&&img src=&x.cc/Images/meng.gif& onmouseover=&over(this)& onmouseout=&out(this)& id=&Img9& width=&100& height=&60&
/&&/body&&/html&
woshizhenzi您所在位置： &
&nbsp&&nbsp&nbsp&&nbsp
制作幻灯片图片实现走马灯似移动——移出移入法.doc44页
本文档一共被下载：
次 ,您可免费全文在线阅读后下载本文档
文档加载中...广告还剩秒
需要金币：218 &&
制作幻灯片图片实现走马灯似移动——移出移入法.doc
你可能关注的文档：
··········
··········
制作幻灯片图片实现走马灯似移动――移出移入法
我以习作【走马灯似移动――越南少女】为例，向大家介绍幻灯片图片如何实现走马灯似移动（移出移入法）的制作过程及方法：
一、背景文字
按照常规，给幻灯片设置全黑的背景，对幻灯片上边添加文字【走马灯似移动（移出移入法）―越南少女图片】，对下边添加文字【制作：韦彦复日于上海】。
二、添加图片
将越南少女图片分成二张图片一组合，共五个组合。将第一组合置于幻灯片窗口上，其余四个组合并排排列置于幻灯片窗口的一边。为使图片排列整齐，可采用绘画参考线。
【组合方法】
将两张越南少女图片分别置于幻灯片中轴线的两边适当位置，选中该两张图片右击鼠标下拉菜单【组合】【组合】。
【参考线设置方法】
点击【视图】菜单【网格和参考线…】【网格和参考线】对话框【对齐】勾选【对象与网络对齐】【参考线设置】勾选【屏幕上显示绘图参考线】【确定】。
三、动画设置
（1）移出设置
先选中第一组合图片右击鼠标下拉菜单【自定义动画…】【自定义动画】对话框，然后【添加效果】【退出】【缓慢移出】，接着从第一组合开始，分别对五个组合图片一一按序设置：
【一组合】【开始：之前】【方向：到左侧】【速度：10秒】；
【二组合】【开始：之前】【方向：到左侧】【速度：20秒】；
【三组合】【开始：之前】【方向：到左侧】【速度：30秒】；
【四组合】【开始：之前】【方向：到左侧】【速度：40秒】；
【五组合】【开始：之前】【方向：到左侧】【速度：50秒】。
（2）移入设置
再回过头对第一组合进行移入设置：
先选中第一组合图片右击鼠标下拉菜单【自定义动画…】
正在加载中，请稍后...华为手机一个相册的图片通过移出／移入功能来转移到另一个相册_百度知道查看: 18|回复: 0
到顶层，到底层命令，异常
主题帖子积分
中级会员, 积分 202, 距离下一级还需 298 积分
中级会员, 积分 202, 距离下一级还需 298 积分
发表于 昨天&02:00
组件到顶层，到底层命令异常，比如组件图片框，点击到底层了，可是在工程那里切换一下窗口，图片框又回到原来的位置了。还有组件按钮，不管怎么设置到底层还是到顶层，工程里面位置是改变了，可是编译以后组件还在原来的位置，希望改进
Powered by
Template By}