Axure實戰(zhàn)006:如何美化單選復選框按鈕樣式？在Axure提供的組件中，復選框的樣式是固定的，不能修改。如果你想美化復選框的風格，你只能自己動手。有兩種方法來美化它：1。您可以自己繪制構(gòu)件的形狀，

Axure實戰(zhàn)006:如何美化單選復選框按鈕樣式？

在Axure提供的組件中，復選框的樣式是固定的，不能修改。如果你想美化復選框的風格，你只能自己動手。有兩種方法來美化它：

1。您可以自己繪制構(gòu)件的形狀，并通過填充顏色、設(shè)置筆劃和陰影來美化構(gòu)件。

2. 如果您有更高的要求或者想要制作一個高保真的原型，那么讓UI設(shè)計器設(shè)計復選框樣式。請記住至少有兩種狀態(tài)樣式：選定狀態(tài)和未選定狀態(tài)。

有兩種方法可以在技術(shù)中創(chuàng)建自己的復選框：

1。通過動態(tài)面板，將兩種樣式的復選框置于動態(tài)面板的兩種狀態(tài)中，點擊動態(tài)面板切換狀態(tài)，達到復選框的效果。

2. 通過顯示和隱藏組件，將處于兩種狀態(tài)的組件堆疊在一起，也可以通過單擊一個組件隱藏自己并顯示另一個組件來實現(xiàn)復選框的效果。

此外，原型畢竟是原型。一般來說，你不需要美化一個組件，除非你想制作一個高保真的原型。

jquery實現(xiàn)多圖片選中checkbox效果？

$（文檔）。就緒（函數(shù)（）{

$（）。Img “）。單擊（function（）{

if（$（）。復選框“”）。Prop（“checked”）{//首先判斷復選框是否被選中。

$( ". 復選框“”）。屬性（“checked”，“））$（this）。Removeclass（“check”）/“。勾選“這是圖片激活后的樣式。也就是說，要單擊的圖像有兩種狀態(tài)，一種是正常狀態(tài)，另一種是激活狀態(tài)，并以兩種樣式寫入。

}否則{

$（”。復選框“”）。屬性（“checked”，“checked”）

$（這個）。Addclass（“check”）

）

]}]jQuery記住要使用1.6之后的版本。

. 這是被點擊圖像的樣式。檢查這是正在單擊的圖像的樣式。復選框這是復選框的樣式