Vue如何自定义滑动条改变rgb颜色

Posted 2023-03-05

参考技术A import java.awt.BorderLayout;
import java.awt.FlowLayout;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import <a href="https://www.baidu.com/s?wd=java.awt.Color&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YdrHDzmynvnjfdmHu9uHb10ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3En1n1P1DsPHcs" target="_blank" class="baidu-highlight">java.awt.Color</a>;

import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.JTextField;

public class RGB extends JFrame implements ActionListener
JTextField t1,t2,t3;
JLabel b1,b2,b3;
JButton jb;
JPanel jp;

public RGB()
super("RGB");
jp=new JPanel();
b1=new JLabel("R");
b2=new JLabel("G");
b3=new JLabel("B");
t1=new JTextField(3);
t2=new JTextField(3);
t3=new JTextField(3);
jb=new JButton("确定");
jb.addActionListener(this);
jp.add(b1);
jp.add(t1);
jp.add(b2);
jp.add(t2);
jp.add(b3);
jp.add(t3);
jp.add(jb);
jp.setLayout(new FlowLayout());

add(jp,BorderLayout.CENTER);
setSize(200,200);

setResizable(false);
setDefaultCloseOperation(this.DISPOSE_ON_CLOSE);
setVisible(true);

public void actionPerformed(ActionEvent e)
if(e.getSource().getClass().getSimpleName().equals("JButton"))
int r=Integer.parseInt(t1.getText());
int g=Integer.parseInt(t2.getText());
int b=Integer.parseInt(t3.getText());
if(r>=0 && r<=255 && g>=0 && g<=255 && b>=0 && b<=255)
Color c=new Color(r,g,b);
jp.setBackground(c);
else
System.out.println("请输入(0-255)的整数!");




public static void main(String[] args)
new RGB();

如何设置滚动条的样式?

那么如何设置滚动条的样式呢？其实很简单，只需要在网页中加一些样式就可以了，代码如下：BODY SCROLLBAR-FACE-COLOR: rgb(0,204,0);SCROLLBAR-3DLIGHT-COLOR: rgb(0,207,116);SCROLLBAR-DARKSHADOW-COLOR: rgb(0,227,163);注：例子中滚动条是设置成绿色的，颜色可以根据需要或个人喜好来定，只需改变RGB的数值即可。 参考技术A 　　设置滚动条的样式：
　　1.没有水平滚动条:
　　<div style="overflow-x:hidden">test</div>
　　2.没有垂直滚动条
　　<div style="overflow-y:hidden">test</div>
　　3.没有滚动条
　　<div style="overflow-x:hidden;overflow-y:hidden" 或
　　style="overflow:hidden">test</div>
　　4.自动显示滚动条
　　<div
　　style="height:100px;width:100px;overflow:auto;">test</di
　　v>