废话不多,先放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实现目标自动变大变小动画,效果流畅。