課程
/前端開發
/JavaScript
/JavaScript進階篇
這段代碼里面如何實現選中后顯示一個,隱藏另外兩個。
2016-09-28
源自:JavaScript進階篇 10-1
正在回答
這里不應該用onmouseover,onmouseover是指鼠標經過,而不是點擊,符合題目要求的應該是onclick
Seach
可以設置默認樣式全部隱藏,然后JS觸發事件后的樣式為要求的樣式,
window.onload = function(){
? ? ? ?var my_li=document.getElementsByTagName("li");
? ? ? ?var my_content=document.getElementsByTagName("div");
? ?for(var i=0;i<my_li.length;i++){
? ?my_display(my_li[i],my_content[i]);}
}
function my_display(x,y){
? ?x.onmouseover=function(){
? ?y.className="house_1";
x.className="ab";}
實現效果的話,你要確保觸發時,樣式都是原始的。另外用你的y參數最好定義一下比如var y=y;
class樣式的話要改的太多了,看看參考代碼吧。
? ??
舉報
本課程從如何插入JS代碼開始,帶您進入網頁動態交互世界
4 回答如何理解這段代碼中的兩行代碼?
2 回答為啥這樣不能實現隱藏
3 回答用button隱藏和顯示 怎么實現不了 請指教
2 回答for循環里面這段代碼跟for循環外面這段代碼是什么意思?
1 回答懂了這里隱藏了tbody這個標簽,damn?。?!
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-10-06
這里不應該用onmouseover,onmouseover是指鼠標經過,而不是點擊,符合題目要求的應該是onclick
2016-09-29
可以設置默認樣式全部隱藏,然后JS觸發事件后的樣式為要求的樣式,
window.onload = function(){
? ? ? ?var my_li=document.getElementsByTagName("li");
? ? ? ?var my_content=document.getElementsByTagName("div");
? ?for(var i=0;i<my_li.length;i++){
? ?my_display(my_li[i],my_content[i]);}
}
function my_display(x,y){
? ?x.onmouseover=function(){
? ?y.className="house_1";
x.className="ab";}
}
實現效果的話,你要確保觸發時,樣式都是原始的。另外用你的y參數最好定義一下比如var y=y;
class樣式的話要改的太多了,看看參考代碼吧。
? ??