jQuery css3開關按鈕點擊動畫切換開關按鈕特效



105 419 140



特效描述:jQuery css3開關按鈕 點擊動畫切換 開關按鈕特效,jQuery css3開關按鈕動畫特效制作燈光按鈕點擊點擊動畫切換按鈕特效

代碼結構

1. 引入JS

<script type="text/javascript" src="js/jquery.js"></script>

2. HTML代碼

<h1>動畫開關</h1>
<a href="#" class="toggle toggle--on"></a>
<script type="text/javascript">
$('.toggle').click(function(e){
	var toggle = this;
	e.preventDefault();
	$(toggle).toggleClass('toggle--on').toggleClass('toggle--off').addClass('toggle--moving');
	setTimeout(function(){
		$(toggle).removeClass('toggle--moving');
	}, 200)
});
</script>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 滾動切換 滾動條切換 滑動選項卡 滑動切換 選項卡切換 選項卡 切換 tab切換 頁面切換 選項卡插件 切換插件 滑動手風琴 切換按鈕 表單 表單美化 表單插件 表單美化插件 切換按鈕 h5按鈕動畫 html5按鈕動畫
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子