jquery效果
来源:互联网 发布:聚划算 淘宝 编辑:程序博客网 时间:2024/05/16 03:00
<div style="display: block;">
<img alt="" src="a.jpg">
</div>
<input type="button" value="显示">
<input type="button" value="隐藏">
$(function() {
/*
参数:slow,fast,毫秒(1000)
显示隐藏:show(),hide()
向上向下滑动:slideDown(),slideUp()
淡入淡出:fadeIn(),fadeOut() */
$(":button:first").click(function() {
//$("div").show();
//显示和隐藏:toggle()
//$("div").toggle();
//$("div").slideDown("slow");
$("div").fadeIn("slow");
});
$(":button:last").click(function() {
//$("div").hide();
//$("div").slideUp("slow");
$("div").fadeOut("slow");
});
})
<img alt="" src="a.jpg">
</div>
<input type="button" value="显示">
<input type="button" value="隐藏">
$(function() {
/*
参数:slow,fast,毫秒(1000)
显示隐藏:show(),hide()
向上向下滑动:slideDown(),slideUp()
淡入淡出:fadeIn(),fadeOut() */
$(":button:first").click(function() {
//$("div").show();
//显示和隐藏:toggle()
//$("div").toggle();
//$("div").slideDown("slow");
$("div").fadeIn("slow");
});
$(":button:last").click(function() {
//$("div").hide();
//$("div").slideUp("slow");
$("div").fadeOut("slow");
});
})
阅读全文
0 0
- jQuery 效果
- JQuery效果
- jQuery 效果
- jQuery 效果
- jquery效果
- Jquery效果
- jquery效果
- jQuery效果
- jquery效果
- jQuery-----效果
- jQuery--效果
- jQuery 效果
- JQuery效果
- jquery效果
- jquery效果
- jQuery效果
- jQuery效果
- jQuery效果
- 捕获java反射执行方法抛出的异常
- MFC 基于单文档实现矩形选框
- linux环境下批量删除SVN未加入版本控制的文件
- JS中三种字符串连接方式及其性能比较
- 使用Sqoop把Oracle表导入Hive
- jquery效果
- CODEFORCE #405 div1 a
- tomcat启动加载web项目内存溢出
- C# 高级编程 chapter1
- PHP安全编程
- 吴恩达 机器学习第二周 logistic_regression 单层网络梯度下降法实现
- 创建XWindow全屏窗口
- 【Scikit-Learn 中文文档】四十三:使用 scikit-learn 介绍机器学习
- Apache实现反向代理和负载均衡