数码资讯
使用slideDown实现慢拔出模块的jQuery方法
本文的例子告诉的方法使用jQuery slideDown实现慢拔出模块。分享给你供你参考。具体分析如下: 下面的js代码通过按钮控制指定区域,慢慢拉出显示效果。 $(文档)Ready(函数(){) $(#翻转)。Click(function(){) $(#面板)。SlideDown(慢); });
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
本文的例子告诉的方法使用jQuery slideDown实现慢拔出模块。分享给你供你参考。具体分析如下:
下面的js代码通过按钮控制指定区域,慢慢拉出显示效果。
$(文档)Ready(函数(){)
$(#翻转)。Click(function(){)
$(#面板)。SlideDown(慢);
});
});
#面板,#翻转
{
填料:5px;
文本对齐:中心;
背景颜色:# e5eecc;
# c3c3c3 solid 1px边框;
}
#面板
{
填料:50px;
显示:无;
}
单击向下滑动面板
你好世界!
希望本文能对大家的jQuery程序设计有所帮助。
下面的js代码通过按钮控制指定区域,慢慢拉出显示效果。
$(文档)Ready(函数(){)
$(#翻转)。Click(function(){)
$(#面板)。SlideDown(慢);
});
});
#面板,#翻转
{
填料:5px;
文本对齐:中心;
背景颜色:# e5eecc;
# c3c3c3 solid 1px边框;
}
#面板
{
填料:50px;
显示:无;
}
单击向下滑动面板
你好世界!
希望本文能对大家的jQuery程序设计有所帮助。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。