js點擊變換樣式_如何實現JS onClick 點擊切換效果

1. 如何使用js來自由切換css樣式表

詳細方法如下：第一步：在歷仔連接樣式表的元素里定義一個id,例如 <link href="1.css" rel="stylesheet" type="text/css" id="css"> 我定義的id是css。第二步：寫一個js函數，代碼如下： <script type="text/javascript"> function change（a）{ var css=document.getElementById（"css"）； if （a==1） css.setAttribute（"href","1.css"）； if （a==2） css.setAttribute（"href","2.css"）；}</script>這個函肢帆汪數的code可以放在頁面的任何地方。第三步：為改變頁面的樣式表的連接添加一個函數的觸發事件，代碼如下： <a href="#" onClick="change（1）">1.css</a> <a href="#" onClick="change（2）">2.css</a> 該效果在IE和FF下均測試通過，相信轎陸大家看完後因該非常明了，利用這個方法我們可以讓瀏覽者自己選擇需要顯示的樣式表，好比年邁者可以選擇一個字體較大的樣式表。這里需要留意的兩點是：另外假如是改變整個頁面的樣式，你需要在樣式表文件里定義body的高度為100%

2. 怎樣用js改變點擊菜單的樣式

// 當點擊li菜單時
$("li").click(function(){
// 緩存當前點擊的li對象

var $this = $(this);

// 獲取當前對象是否包含執行的class樣式

var thisCss = $this.hasClass("class名");

// 如果當前對象存在class樣式（可以理解為當前為選中狀態）

if(thisCss){
// 去掉當前樣式（未選中）

$this.removeClass("class名");

}else{// 如果不存在某樣式
// 添加樣式

$this.addClass("class名");

}

})

3. 如何用js實現，點擊後，改變一個css

有三來種方法：直接改變樣式源、改變className和改變cssText

改變className： document.getElementById('obj').className="…"

改變cssText：document.getElementById('obj').style.cssText="width:20px; border:solid 1px #f00;";

改變直接樣式： document.getElementById('obj').style.backgroundColor="#003366″

4. 想用JavaScript實現DIV樣式切換

假設有div元素<div id="mydiv" class="css1">，和兩個樣式: .css1{} .css2{}
(1)移除和添加樣式告余滲分別是$("mydiv").removeClass("css1") 和$("mydiv").addClass("css1")
(2)如果是換了樣式之後，想換回原來的樣式，即是切換樣式，那麼就涉及到一個判斷當前樣式的問題，此時可以使用方法hasClass()，該方法是判斷元素當前是否含有某樣式。
(3)所以根據1、2可襪脊以實現一個點擊切換樣式的效果，示例代碼如下：
<script type="text/javascript">
$("#mydiv").click(function () {
if ($(this).hasClass("css1")) {
$(this).removeClass("css1")
$(this).addClass("css2")
} else if ($(this).hasClass("毀掘css")) {
$(this).removeClass("css2")
$(this).addClass("css1")
}
})
</script>
(手寫不易，望採納！)

5. JS 或者Jquery怎麼實現：點擊一個按鈕之後滑鼠樣式改變，然後單擊一次之後變回正常形狀

直接修改元素的cursor屬性呀！例如你要修改body的cursor屬性

$("button#1").bind('click',function(){
if($("body").css('cursor')=='crosshair'){
("body").css('cursor','default');
}else{
("body").css('cursor','crosshair');
}
})

然後你要將這個滑鼠樣式應版用到哪一個權元素上，就修改這個元素的cursor就ok了

6. 求助,關於JS/juery 點擊循環改變class樣式

首先你運畢鎮得布局就有問題，li標簽旁粗本來就是塊狀元素，為什麼裡面就一個a標簽你還要在外面加個div標簽，你可以把a標簽直接轉數宏換成塊狀元素。。$('.li').click(function(){$(this).addClass('ok').parent().siblings().children().removeClass('ok');});不過我猜測，你這樣給div元素加屬性，裡面的a標簽享受不到。

7. js 怎麼通過class改變樣式

需要准備的材抄料分別是：電襲腦、html編輯器、瀏覽器。

1、首先，打開html編輯器，新建html文件，例如：index.html。

8. 如何實現JS onClick 點擊切換效果

1、使用js動態操作元素樣式

//定義onClick方法
functionclick(){
document.getElementById("p1").style.display="block";
document.getElementById("p2").style.display="none";
}

2、先寫好css在版onClick事件權中改變元素class

.show{display:block;}
.hidden{display:none;}

/定義onClick方法
functionclick(){
document.getElementById("p1").className="show";
document.getElementById("p2").className="hidden";
}

9. js怎麼實現三個按鈕點擊那個那個更換樣式

可以嘗試以下操作鋒空橡：
html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>js控制按鈕樣式切換</title>

<link href="css/my.css" rel="stylesheet">

</head>
<script type="text/javascript">
//左邊按鈕的點擊事件
window.onload = function(){
var arr = document.getElementsByTagName('button');
for(var i = 0;i<arr.length;i++){
arr[i].onclick = function(){
//this是當前激活的按鈕，在這里可以寫對應的操作
if(this.className == 'btn1'){
this.className = 'btn2';
var name = this.id;
var btn = document.getElementsByClassName('btn2');
for(var j=0;j<btn.length;j++){
if(btn[j].id!=name){
btn[j].className = 'btn1';
}
}
}
}
}
}
</script>
<body>
<div id="main" style="margin:auto 0">

<div style="margin-top:2em;">
<div style="width:20%"><button id = "1" type = "button"> 按鈕1</button></div>
<div style="width:20%"><button id = "2" type = "button"> 按鈕2</button></div>
<div style="width:20%"><button id = "3" type = "button"> 按鈕3</button></div>
<div style="width:20%"><button id = "4" type ="button"> 按鈕虧雹4</button></div>
</div>
</div>銀旁

</body>

</html>

10. JS點擊切換s樣式

導航:首頁 > 編程語言 > js點擊變換樣式

js點擊變換樣式

與js點擊變換樣式相關的資料

友情鏈接