html实现背景图片自动更换,HTML实现背景图片的替换

5268f80b9b1e01f982625ef6fac83ca1.png

这篇文章介绍的内容是关于HTML 实现背景图片的替换 ,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下

var curIndex = 0;

var timeInterval = 3000; //切换时间 3秒 可以修改

var arr = new Array();

arr[0] = "../img/hu.jpg"; //这里的是图片存放的相对路径

arr[1] = "../img/bb.jpg";

arr[2] = "../img/cc.jpg";

setInterval(changeImg, timeInterval);

function changeImg() {

var obj = document.getElementById("picture");

if(curIndex == arr.length - 1) {

curIndex = 0;

} else {

curIndex += 1;

}

obj.src = arr[curIndex];

}

相关推荐:

HTML实现美化上传文件样式

怎样用HTML实现滚动弹幕功能

HTML实现抢票功能(设定时间打开抢票的页面)

  • 2
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在Java中,你可以使用Swing库来实现背景图片自动上下滚动。下面是一个简单的示例代码: ```java import javax.swing.*; import java.awt.*; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; public class BackgroundScrollingExample extends JFrame implements ActionListener { private Timer timer; private int posY = 0; private Image backgroundImage; public BackgroundScrollingExample() { // 加载背景图片 backgroundImage = new ImageIcon("background.jpg").getImage(); // 创建定时器,每隔10毫秒触发一次事件 timer = new Timer(10, this); timer.start(); // 设置窗口大小 setSize(800, 600); setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); setVisible(true); } @Override public void paint(Graphics g) { super.paint(g); // 绘制背景图片 g.drawImage(backgroundImage, 0, posY, this); } @Override public void actionPerformed(ActionEvent e) { // 更新背景图片的位置 posY++; // 当背景图片滚动到窗口底部时,重置位置 if (posY >= getHeight()) { posY = 0; } // 重新绘制窗口 repaint(); } public static void main(String[] args) { SwingUtilities.invokeLater(new Runnable() { @Override public void run() { new BackgroundScrollingExample(); } }); } } ``` 在上述代码中,首先加载背景图片并创建一个定时器。定时器会每隔10毫秒触发一次`actionPerformed`方法,该方法会更新背景图片的位置并重新绘制窗口。 你可以将背景图片替换为你自己的图片,并根据需要调整定时器的触发间隔和图片滚动的速度。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值