该博客介绍了如何使用jQuery实现HTML元素的各种toggle特效，包括百叶窗、反弹、剪辑、改变颜色、折叠等。通过点击触发不同的事件，元素会以指定的特效进行显示和隐藏，例如`blind`百叶窗效果、`bounce`反弹效果、`clip`剪辑效果、`animate`颜色变化以及`drop`消失效果。示例代码详细展示了如何应用这些特效。
百叶窗特效(Blind Effect)演示
#tog {
text-align: center;
width: 100px;
height: 100px;
background: #ccc;
}
百叶窗
折叠(类似百叶窗)
反弹
剪辑
改变颜色
任意元素添加特效
消失
测试
$( "#elem" ).progressbar(); //创建进度条
$( "#elem" ).progressbar( "option", { //进度条参数
value: 70,
// disabled: true
});
$("#effect_add").click(function(){
$( "#elem" ).effect( "bounce", "slow" );
})
$( "#tog_blind" ).click(function() {
$( "#tog" ).toggle( "blind" ,1000);
$( "#tog" ).toggle( "blind" ,1000,function(){ // blind 百叶窗特效
alert("
最低0.47元/天 解锁文章
扫一扫
587
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
