美图切换

紫露love

于 2017-04-19 14:26:19 发布

阅读量311

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/javazilu/article/details/70239939

JavaScript 专栏收录该内容

24 篇文章

订阅专栏

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>图片切换</title>
<script>
    function Bigpic(imgname)
{
     //显示大图片
  document.getElementsByName(imgname)[0].style.width="500";
  document.getElementsByName(imgname)[0].style.height="900";
  //并且停止滚动
}
function smallpic(imgname){
     //显示小图片
  document.getElementsByName(imgname)[0].style.width="150";
  document.getElementsByName(imgname)[0].style.height="200";
  //时间开始
}
</script>
</head>

<body>
<marquee direction="left" scrolldelay="100" οnmοuseοver="this.stop()" οnmοuseοut="this.start()">
<img name="1.jpg" src="1.jpg" width="150" height="200" οnmοuseοver="Bigpic('1.jpg')" οnmοuseοut="smallpic('1.jpg')"/>
<img name="2.jpg" src="2.jpg" width="150" height="200" οnmοuseοver="Bigpic('2.jpg')" οnmοuseοut="smallpic('2.jpg')" />
<img name="3.jpg" src="3.jpg" width="150" height="200" οnmοuseοver="Bigpic('3.jpg')" οnmοuseοut="smallpic('3.jpg')" />
<img name="4.jpg" src="4.JPG" width="150" height="200" οnmοuseοver="Bigpic('4.jpg')" οnmοuseοut="smallpic('4.jpg')" />
<img name="5.jpg" src="5.jpg" width="150" height="200" οnmοuseοver="Bigpic('5.jpg')" οnmοuseοut="smallpic('5.jpg')" />
<img name="6.jpg" src="6.jpg" width="150" height="200" οnmοuseοver="Bigpic('6.jpg')" οnmοuseοut="smallpic('6.jpg')" />
<img name="6.jpg" src="7.jpg" width="150" height="200" οnmοuseοver="Bigpic('7.jpg')" οnmοuseοut="smallpic('7.jpg')" />
<img name="7.jpg" src="8.jpg" width="150" height="200" οnmοuseοver="Bigpic('8.jpg')" οnmοuseοut="smallpic('8.jpg')" />
</marquee>
</body>
</html>

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。