顏色選擇器源碼

⑴ 淘寶店鋪導航條字體怎麼設置(css) 注意 是字體 不是顏色

查看店鋪，右擊，查看源代碼，在裡面找到你要改字體的標簽，可以使用ctrl+f，找到後，根據class名，更改樣式即可，font-family：『宋體』。

font-family、微軟雅黑，宋體，seri、解釋下：這個設置的意思是，優先微軟雅黑，如果沒有微軟雅黑就用宋體，兩個都沒有就用serif類字體。

導航欄CSS樣式製作流程：

1、導航欄CSS樣式設置，預覽:導航樣式是選擇設置後，預覽區會自動發生變化，涉及到「經過"的效果，是指滑鼠放到該元素上產生的效果，需要把滑鼠放設置的元素上查看設置效果。

2、顏色、點擊顏色選擇器，在顏色選擇界面，選擇你喜歡的顏色，或者設置指定的顏色(在#位置，填寫顏色編號，可以指定需要的顏色。

這個需要自己提前使用PS或者其他取色軟體獲得需要的顏色編號)。選擇了馬賽克，意思是不設置，沒有任何顏色。

3、圖片、部分設置框里，是設置圖片。首先，進入淘寶店鋪圖片空間，上傳准備好的背景素材圖片，上傳完成後，復制圖片地址，在圖片設置框里粘貼(一定是淘寶圖片空間的圖片，否則不能在淘寶店鋪安裝導航CSS代碼)。

注意，部分樣式設置里，一個位置有顏色設置，同樣有圖片設置，任取一種必須設置一種。

4、字體、字體大小、字體名稱、字體樣式，根據提供的選項進行選擇即可。

⑵ 求java版畫圖程序的源代碼

找到了，很久以前寫的一個簡單畫圖，呵呵～當時要求用AWT寫，很難受。

package net.miqiang.gui;

import java.awt.BasicStroke;
import java.awt.BorderLayout;
import java.awt.Button;
import java.awt.Color;
import java.awt.Cursor;
import java.awt.Dimension;
import java.awt.Frame;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.GridLayout;
import java.awt.Label;
import java.awt.Panel;
import java.awt.RenderingHints;
import java.awt.Toolkit;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;
import java.awt.event.MouseMotionListener;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;
import java.awt.image.BufferedImage;

/**
* 簡單畫圖板程序
* 好久沒用 AWT 了，寫起來真別扭，如果用 swing 會很舒服，有空再改寫吧。
*
* @author 米強
*
*/
public class TestMain extends Frame {
// 畫板
private Palette palette = null;

// 顯示當前顏色的面板
private Panel nonceColor = null;

// 畫筆粗細
private Label drawWidth = null;

// 畫筆端點的裝飾
private Label drawCap = null;

// 選取顏色按鈕的監聽事件類
private ButtonColorAction buttonColorAction = null;

// 滑鼠進入按鈕後游標樣式的監聽事件類
private ButtonCursor buttonCursor = null;

// 畫筆樣式的監聽事件
private ButtonStrokeAction buttonStrokeAction = null;

/**
* 構造方法
*
*/
public TestMain() {
// 設置標題欄文字
super("簡易畫圖板");

// 構造一個畫圖板
palette = new Palette();

Panel pane = new Panel(new GridLayout(2, 1));

// 畫筆顏色選擇器
Panel paneColor = new Panel(new GridLayout(1, 13));

// 12 個顏色選擇按鈕
Button [] buttonColor = new Button[12];
Color [] color = {Color.black, Color.blue, Color.cyan, Color.darkGray, Color.gray, Color.green, Color.magenta, Color.orange, Color.pink, Color.red, Color.white, Color.yellow};
// 顯示當前顏色的面板
nonceColor = new Panel();
nonceColor.setBackground(Color.black);
paneColor.add(nonceColor);
buttonColorAction = new ButtonColorAction();
buttonCursor = new ButtonCursor();
for(int i = 0; i < buttonColor.length; i++){
buttonColor[i] = new Button();
buttonColor[i].setBackground(color[i]);
buttonColor[i].addActionListener(buttonColorAction);
buttonColor[i].addMouseListener(buttonCursor);
paneColor.add(buttonColor[i]);
}
pane.add(paneColor);

// 畫筆顏色選擇器
Panel paneStroke = new Panel(new GridLayout(1, 13));

// 控制畫筆樣式
buttonStrokeAction = new ButtonStrokeAction();
Button [] buttonStroke = new Button[11];
buttonStroke[0] = new Button("1");
buttonStroke[1] = new Button("3");
buttonStroke[2] = new Button("5");
buttonStroke[3] = new Button("7");
buttonStroke[4] = new Button("9");
buttonStroke[5] = new Button("11");
buttonStroke[6] = new Button("13");
buttonStroke[7] = new Button("15");
buttonStroke[8] = new Button("17");
buttonStroke[9] = new Button("■");
buttonStroke[10] = new Button("●");
drawWidth = new Label("3", Label.CENTER);
drawCap = new Label("●", Label.CENTER);
drawWidth.setBackground(Color.lightGray);
drawCap.setBackground(Color.lightGray);
paneStroke.add(drawWidth);
for(int i = 0; i < buttonStroke.length; i++){
paneStroke.add(buttonStroke[i]);
buttonStroke[i].addMouseListener(buttonCursor);
buttonStroke[i].addActionListener(buttonStrokeAction);
if(i <= 8){
buttonStroke[i].setName("width");
}else{
buttonStroke[i].setName("cap");
}
if(i == 8){
paneStroke.add(drawCap);
}
}
pane.add(paneStroke);

// 將畫筆顏色選擇器添加到窗體中
this.add(pane, BorderLayout.NORTH);

// 將畫圖板添加到窗體中
this.add(palette);

// 添加窗口監聽，點擊關閉按鈕時退出程序
this.addWindowListener(new WindowAdapter() {
public void windowClosing(WindowEvent e) {
System.exit(0);
}
});

// 設置窗體 ICON 圖標
this.setIconImage(Toolkit.getDefaultToolkit().createImage("images/palette.png"));

// 設置窗口的大小
this.setSize(new Dimension(400, 430));
// 設置窗口位置，處於屏幕正中央
this.setLocationRelativeTo(null);
// 顯示窗口
this.setVisible(true);
}

/**
* 程序入口
*
* @param args
* 字元串數組參數
*/
public static void main(String[] args) {
new TestMain();
}

/**
* 選取顏色按鈕的監聽事件類
* @author 米強
*
*/
class ButtonColorAction implements ActionListener {

public void actionPerformed(ActionEvent e) {
Color color_temp = ((Button)e.getSource()).getBackground();
nonceColor.setBackground(color_temp);
palette.setColor(color_temp);
}

}

/**
* 滑鼠進入按鈕變換游標樣式監聽事件類
* @author 米強
*
*/
class ButtonCursor extends MouseAdapter {

public void mouseEntered(MouseEvent e) {
((Button)e.getSource()).setCursor(new Cursor(Cursor.HAND_CURSOR));
}

public void mouseExited(MouseEvent e) {
((Button)e.getSource()).setCursor(new Cursor(Cursor.DEFAULT_CURSOR));
}

}

/**
* 設置畫筆的監聽事件類
* @author 米強
*
*/
class ButtonStrokeAction implements ActionListener {

public void actionPerformed(ActionEvent e) {
Button button_temp = (Button) e.getSource();
String name = button_temp.getName();
if(name.equalsIgnoreCase("width")){
drawWidth.setText(button_temp.getLabel());
palette.setStroke(Float.parseFloat(button_temp.getLabel()));
}else if(name.equalsIgnoreCase("cap")){
drawCap.setText(button_temp.getLabel());
if(button_temp.getLabel().equals("■")){
palette.setStroke(BasicStroke.CAP_SQUARE);
}else if(button_temp.getLabel().equals("●")){
palette.setStroke(BasicStroke.CAP_ROUND);
}
}
}

}

}

/**
* 畫板類
*
* @author 米強
*
*/
class Palette extends Panel implements MouseListener, MouseMotionListener {
// 滑鼠 X 坐標的位置
private int mouseX = 0;

// 上一次 X 坐標位置
private int oldMouseX = 0;

// 滑鼠 Y 坐標的位置
private int mouseY = 0;

// 上一次 Y 坐標位置
private int oldMouseY = 0;

// 畫圖顏色
private Color color = null;

// 畫筆樣式
private BasicStroke stroke = null;

// 緩存圖形
private BufferedImage image = null;

/**
* 構造一個畫板類
*
*/
public Palette() {
this.addMouseListener(this);
this.addMouseMotionListener(this);
// 默認黑色畫筆
color = new Color(0, 0, 0);
// 設置默認畫筆樣式
stroke = new BasicStroke(3.0f, BasicStroke.CAP_ROUND, BasicStroke.JOIN_ROUND);
// 建立 1280 * 1024 的 RGB 緩存圖象
image = new BufferedImage(1280, 1024, BufferedImage.TYPE_INT_RGB);
// 設置顏色
image.getGraphics().setColor(Color.white);
// 畫背景
image.getGraphics().fillRect(0, 0, 1280, 1024);
}

/**
* 重寫 paint 繪圖方法
*/
public void paint(Graphics g) {
super.paint(g);

// 轉換為 Graphics2D
Graphics2D g2d = (Graphics2D) g;

// 獲取緩存圖形 Graphics2D
Graphics2D bg = image.createGraphics();

// 圖形抗鋸齒
bg.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);

// 設置繪圖顏色
bg.setColor(color);

// 設置畫筆樣式
bg.setStroke(stroke);

// 畫線，從上一個點到新的點
bg.drawLine(oldMouseX, oldMouseY, mouseX, mouseY);

// 將緩存中的圖形畫到畫板上
g2d.drawImage(image, 0, 0, this);
}

/**
* 重寫 update 方法
*/
public void update(Graphics g) {
this.paint(g);
}

/**
* @return stroke
*/
public BasicStroke getStroke() {
return stroke;
}

/**
* @param stroke 要設置的 stroke
*/
public void setStroke(BasicStroke stroke) {
this.stroke = stroke;
}

/**
* 設置畫筆粗細
* @param width
*/
public void setStroke(float width) {
this.stroke = new BasicStroke(width, stroke.getEndCap(), stroke.getLineJoin());
}

/**
* 設置畫筆端點的裝飾
* @param cap 參考 java.awt.BasicStroke 類靜態欄位
*/
public void setStroke(int cap) {
this.stroke = new BasicStroke(stroke.getLineWidth(), cap, stroke.getLineJoin());
}

/**
* @return color
*/
public Color getColor() {
return color;
}

/**
* @param color 要設置的 color
*/
public void setColor(Color color) {
this.color = color;
}

public void mouseClicked(MouseEvent mouseEvent) {
}

/**
* 滑鼠按下
*/
public void mousePressed(MouseEvent mouseEvent) {
this.oldMouseX = this.mouseX = mouseEvent.getX();
this.oldMouseY = this.mouseY = mouseEvent.getY();
repaint();
}

public void mouseReleased(MouseEvent mouseEvent) {
}

/**
* 滑鼠進入棋盤
*/
public void mouseEntered(MouseEvent mouseEvent) {
this.setCursor(new Cursor(Cursor.CROSSHAIR_CURSOR));
}

/**
* 滑鼠退出棋盤
*/
public void mouseExited(MouseEvent mouseEvent) {
this.setCursor(new Cursor(Cursor.DEFAULT_CURSOR));
}

/**
* 滑鼠拖動
*/
public void mouseDragged(MouseEvent mouseEvent) {
this.oldMouseX = this.mouseX;
this.oldMouseY = this.mouseY;
this.mouseX = mouseEvent.getX();
this.mouseY = mouseEvent.getY();
repaint();
}

public void mouseMoved(MouseEvent mouseEvent) {
}

}