JAVAsrcipt怎么实现页面内三张图点击就能切换
3个回答
展开全部
点击一个按钮图片就全部换还是点击一张图就换一次?
你只要在点击事件的方法里面改变图片的src就行啦
<!DOCTYPE html>
<html>
<head>
<title>使用js改变图片</title>
<script>
function changeImage() {
var element = document.getElementById('myimage');
element.src = "image/a/053120.jpg";
}
</script>
</head>
<body>
<h1>使用js改变图片</h1>
<img id="myimage" src="image/a/054210.jpg" alt="足球宝贝" />
<input name="meinv" type='button' value="改变图片" onclick="changeImage()">
</body>
</html>
你只要在点击事件的方法里面改变图片的src就行啦
<!DOCTYPE html>
<html>
<head>
<title>使用js改变图片</title>
<script>
function changeImage() {
var element = document.getElementById('myimage');
element.src = "image/a/053120.jpg";
}
</script>
</head>
<body>
<h1>使用js改变图片</h1>
<img id="myimage" src="image/a/054210.jpg" alt="足球宝贝" />
<input name="meinv" type='button' value="改变图片" onclick="changeImage()">
</body>
</html>
2016-07-11 · 百度知道合伙人官方认证企业
兄弟连教育
兄弟连教育成立于2006年,11年来专注IT职业教育,是国内专业的IT技术培训学校。2016年成功挂牌新三板(股票代码:839467)市值过亿。开设专注程序员培训专注php、Java、UI、云计算、Python、HTML5、
向TA提问
关注
展开全部
通常可以设置某个固定的切换时间,之后显示固定的或者是随机的显示某张图片,举例:
import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
public class MousDemo extends JFrame {
MyJPanel mp;
int index;
ImageIcon[] imgs = { new ImageIcon("C:\\Users\\lenovo\\Desktop\\a.png"),
new ImageIcon("C:\\Users\\lenovo\\Desktop\\b.png") };
public MousDemo() {
mp = new MyJPanel(false);
this.add(mp);
this.setSize(300, 200);
this.setDefaultCloseOperation(EXIT_ON_CLOSE);
this.setTitle("鼠标窗口");
this.setVisible(true);
/**
* 方式一,使用TImer来切换图片
* Swing下的Timer组件,个人觉得非常适合
* Timer(200,new ActionListener());意思就是每200毫秒执行一次ActionListener里面的方法
* */
Timer timer = new Timer(200,new ActionListener() {
@Override
public void actionPerformed(ActionEvent e) {
mp.flag = !mp.flag;
mp.repaint();
}
});
timer.start();
}
public static void main(String[] args) {
new MousDemo();
}
class MyJPanel extends JPanel{
boolean flag;
public MyJPanel(boolean flag) {
this.flag = flag;
}
@Override
public void paint(Graphics g) {
super.paint(g);
if(flag == false){
g.drawImage(imgs[0].getImage(), 0, 0,this);
}else{
g.drawImage(imgs[1].getImage(), 0, 0,this);
}
}
}
}
import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
public class MousDemo extends JFrame {
MyJPanel mp;
int index;
ImageIcon[] imgs = { new ImageIcon("C:\\Users\\lenovo\\Desktop\\a.png"),
new ImageIcon("C:\\Users\\lenovo\\Desktop\\b.png") };
public MousDemo() {
mp = new MyJPanel(false);
this.add(mp);
this.setSize(300, 200);
this.setDefaultCloseOperation(EXIT_ON_CLOSE);
this.setTitle("鼠标窗口");
this.setVisible(true);
/**
* 方式一,使用TImer来切换图片
* Swing下的Timer组件,个人觉得非常适合
* Timer(200,new ActionListener());意思就是每200毫秒执行一次ActionListener里面的方法
* */
Timer timer = new Timer(200,new ActionListener() {
@Override
public void actionPerformed(ActionEvent e) {
mp.flag = !mp.flag;
mp.repaint();
}
});
timer.start();
}
public static void main(String[] args) {
new MousDemo();
}
class MyJPanel extends JPanel{
boolean flag;
public MyJPanel(boolean flag) {
this.flag = flag;
}
@Override
public void paint(Graphics g) {
super.paint(g);
if(flag == false){
g.drawImage(imgs[0].getImage(), 0, 0,this);
}else{
g.drawImage(imgs[1].getImage(), 0, 0,this);
}
}
}
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询