一段简单js代码,带你学习两个jq小技巧

废话不多,先放jq代码:

{-- 不要忘记引入jq --}
<script src="../jquery-ui.js"></script> 
var state = true;
	setInterval(function(){
		if ( state ) {
		$( ".start-porgess a" ).animate({
			  	width: 260,
				paddingLeft: 15,
				paddingRight: 15,
				paddingTop: 15,
				paddingBottom: 15,
				fontSize:16
			}, 600 );
		} else {
		$( ".start-porgess a" ).animate({
			  	width: 210,
				paddingLeft: 10,
				paddingRight: 10,
				paddingTop: 10,
				paddingBottom: 10,
				fontSize:14
			}, 600 );
		}
		state = !state;
	},600);

两个简单功能:
1、利用判断state的状态,实现js开关功能,小伙伴可以用这个功能来判断用户是否点击、如果点击又还原等功能。
2、jq实现目标自动变大变小动画,效果流畅。

猜你喜欢

转载自blog.csdn.net/wongvio/article/details/104437802