校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

主頁 > 知識庫 > 無需太多的代碼利用超鏈接即可實現(xiàn)簡單自定義漂亮復(fù)選框

無需太多的代碼利用超鏈接即可實現(xiàn)簡單自定義漂亮復(fù)選框

熱門標(biāo)簽:梧州地圖標(biāo)注app 最簡單的百度地圖標(biāo)注店鋪 錦州企業(yè)外呼系統(tǒng) 青海保險智能外呼系統(tǒng)商家 水經(jīng)注萬能地圖標(biāo)注 營口400電話申請 禹州電話外呼系統(tǒng) 新鄉(xiāng)機(jī)器人外呼系統(tǒng) AI外呼系統(tǒng) 價格
今天突然就在想,html中的復(fù)選框可更改的樣式有限,而且現(xiàn)在制作一個復(fù)選框需要寫很多代碼,然后我就想到一個簡單的實現(xiàn)方式。完全證明了這是可行的。多的不說,直接貼出源代碼,供大家參考。

實現(xiàn)效果:

未選中時:選中時:

圖片背景:

checkboxSel.jpg

checkboxNoSel.jpg

代碼:

html代碼片段:

復(fù)制代碼
代碼如下:

<a name="checkWeek" class="divCheckBoxNoSel"></a> 周一

javaScript代碼片段:

復(fù)制代碼
代碼如下:

$("a[name='checkWeek']").click(function(){
if($(this).hasClass('divCheckBoxSel')){
$(this).removeClass('divCheckBoxSel');
}else{
$(this).addClass('divCheckBoxSel');
}
});

css代碼片段:

復(fù)制代碼
代碼如下:

.divCheckBoxNoSel{
background: url("../image/checkboxNoSel.jpg") no-repeat center center;
float:left;
width:15px;
height:15px;
border:1px solid #BDBDBD;
color:#FFF;
}
.divCheckBoxSel{
background: url("../image/checkboxSel.jpg") no-repeat center center;
float:left;
width:15px;
height:15px;
border:1px solid #BDBDBD;
color:#FFF;
}

區(qū)分每一個超鏈接就不在做出說明了可以有很多種方式,實際上內(nèi)似的像單選框按鈕也可以這樣子輕松實現(xiàn),從而節(jié)省時間。

標(biāo)簽:山南 延邊 荊門 哈密 昭通 懷化 潮州 青島

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《無需太多的代碼利用超鏈接即可實現(xiàn)簡單自定義漂亮復(fù)選框》,本文關(guān)鍵詞  無需,太,多的,代碼,利用,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《無需太多的代碼利用超鏈接即可實現(xiàn)簡單自定義漂亮復(fù)選框》相關(guān)的同類信息!
  • 本頁收集關(guān)于無需太多的代碼利用超鏈接即可實現(xiàn)簡單自定義漂亮復(fù)選框的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章
    主站蜘蛛池模板: 邛崃市| 浮梁县| 佛冈县| 黑山县| 巴彦淖尔市| 合作市| 喀喇沁旗| 诸暨市| 成都市| 甘洛县| 荣昌县| 玛曲县| 宿松县| 油尖旺区| 大安市| 施甸县| 苍溪县| 嘉定区| 成武县| 藁城市| 南汇区| 万州区| 确山县| 理塘县| 夏邑县| 梨树县| 凌海市| 竹北市| 纳雍县| 山东省| 栖霞市| 贺兰县| 千阳县| 华安县| 庆安县| 政和县| 海南省| 景洪市| 德清县| 青阳县| 南丹县|