- 新手提問,頁面制作知識
-
給頁面設定兩個不同的簡單樣式(文字顏色大小)通過按鈕來選擇樣式。用js,html,css制作。新手程序員,雖然學了些,但是用起來就不行,求各位前輩幫忙給個思路或者寫個小例子,感激不盡
最佳回答:
<!DOCTYPE HTML >
切換
.fontsmall {
font-size: 12px;
color:red;
}
.fontmax {
font-size: 72px;
color:blue;
}
$(document).ready(function(){
$("#changefonts").click(function(){
var fontclass=$("#testf").attr("class");
if(typeof(fontclass)=="undefined"){
//如果還沒有class,就添加一個
$("#testf").addClass("fontsmall");
}else{
//切換class
if(fontclass=="fontsmall"){
$("#testf").removeClass("fontsmall");//先刪除原來的class
$("#testf").addClass("fontmax");//添加新的
//也可以下面這樣寫.
//$("#testf").removeClass("fontsmall").addClass("fontmax");
}else if(fontclass=="fontmax"){
$("#testf").removeClass("fontmax");
$("#testf").addClass("fontsmall");
}
}
})
})
這裡是測試文字.