                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /信息排列效果

jquery實(shí)現(xiàn)同樣效果

有沒有用jquery寫的？求指教，謝謝大家

慕仔0982645

2017-05-29

源自：信息排列效果 3-1

關(guān)注問題我要回答

1199

操作

收起

1 回答

慕粉1554206971
2017-06-02

<script?src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script?type="text/javascript">?
$(window).ready(function()?{
	var?listBtn?=?$("#btn1"),cardBtn?=?$("#btn2"),imgs?=?$("img");
	listBtn.click(function()?{
		listBtn.attr("class","btn-list-on");
		cardBtn.attr("class","btn-car-off");
		imgs.attr("src","http://img1.sycdn.imooc.com//53ab7cf4000196c000500050.jpg");
		imgs.parent().addClass("small");
	});
	cardBtn.click(function()?{
		listBtn.attr("class","btn-list-off");
		cardBtn.attr("class","btn-car-on");
		imgs.attr("src","http://img1.sycdn.imooc.com//53ab7d16000159a801640236.jpg");
		imgs.parent().removeClass("small");
	});
});
</script>

路徑或者類名啥的自己改改就行了,放在head里面不用講了吧