实现图片交替显示

本文介绍了如何实现两张图片交替显示的功能,重点在于第一张图片逐渐淡出,为用户带来平滑的视觉体验。
摘要由CSDN通过智能技术生成

<img src="img/image1.gif" style="position:absolute;margin-left:100px;" οnclick="image1()" id="picture1">
<img src="img/image2.gif" style="position:absolute;margin-left:100px;" οnclick="image2()" id="picture2">

实现两张图片交替显示

<script type="text/javascript">
function image1(){
a.document.getElementById('picture1');
a.style.display="none";
a.document.getElementById('picture2');
a.style.display="inline";
}
function image2(){
a.document.getElementById('picture2');
a.style.display="none";
a.document.getElementById('picture1');
a.style.display="inline";
}
</script>

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
您的问题比较模糊,不过我理解您的意思是希望在Java中实现两张图片之间交替重复显示的效果。您可以使用Java Swing中的JLabel和Timer来实现该效果。 首先,您需要创建一个JFrame窗口,并在其中添加两个JLabel组件,分别用于显示您要交替显示的两张图片。然后,您可以使用Timer定时器来控制图片显示和隐藏。具体的实现步骤如下: 1. 创建JFrame窗口并设置其大小和布局方式。 ```java JFrame frame = new JFrame(); frame.setSize(500, 500); frame.setLayout(new GridLayout(1, 2)); ``` 2. 创建两个JLabel组件,并将它们添加到JFrame窗口中。 ```java JLabel label1 = new JLabel(new ImageIcon("image1.jpg")); JLabel label2 = new JLabel(new ImageIcon("image2.jpg")); frame.add(label1); frame.add(label2); ``` 3. 创建一个Timer定时器,并在其中实现图片交替显示。 ```java Timer timer = new Timer(1000, new ActionListener() { boolean flag = true; @Override public void actionPerformed(ActionEvent e) { if (flag) { label1.setVisible(false); label2.setVisible(true); flag = false; } else { label1.setVisible(true); label2.setVisible(false); flag = true; } } }); timer.start(); ``` 在这个示例代码中,我们创建了一个定时器,每隔1秒钟就会执行一次actionPerformed方法。在该方法中,我们使用一个flag变量来控制两个图片交替显示,当flag为true时,显示label1,隐藏label2;当flag为false时,显示label2,隐藏label1。 最后,不要忘记将JFrame窗口设置为可见状态。 ```java frame.setVisible(true); ``` 这样,您就可以在Java中实现两张图片之间交替重复显示的效果了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值