jquery图片展开收起
来源:互联网 发布:日语 网络聊天 编辑:程序博客网 时间:2024/05/29 17:17
var point = $(".point a");
$("#btn").click(function() {
var _flag = $("#btn").text();
if (_flag === "点击展开") {
$("#adv").hide()
.css({
"height": "700px",
"background-image": "url(imgs/top1.jpg)",
"background-size": "auto 700px"
})
.slideDown(1500);
$("#btn").text("点击收起");
} else {
$("#adv").slideUp(1500, function() {
$("#btn").text("点击展开");
$("#adv").css({
"height": "50px",
"background-image": "url(imgs/top.jpg)",
"background-size": "auto 50px"
})
.slideDown(1500);
});
}
});
$("#btn").click(function() {
var _flag = $("#btn").text();
if (_flag === "点击展开") {
$("#adv").hide()
.css({
"height": "700px",
"background-image": "url(imgs/top1.jpg)",
"background-size": "auto 700px"
})
.slideDown(1500);
$("#btn").text("点击收起");
} else {
$("#adv").slideUp(1500, function() {
$("#btn").text("点击展开");
$("#adv").css({
"height": "50px",
"background-image": "url(imgs/top.jpg)",
"background-size": "auto 50px"
})
.slideDown(1500);
});
}
});
0 0
- jquery图片展开收起
- jquery 菜单展开收起
- jquery javascript 展开收起
- js图片展开收起
- 图片的展开与收起
- jQuery学习笔记1 类别展开收起
- 展开、收起div的jQuery代码
- jquery 控制文字域展开收起
- jQuery实现页面详情展开收起
- JQuery 向下展开收起动画( slideDown(),slideUp() )
- jquery实现更多内容的(展开/收起 功能)
- jsp页面基于jQuery收起展开的动作效果
- JQuery 动画实例:下拉列表框展开收起
- HTML5-背景颜色图片-班级-展开收起-懒加载
- JQuery 实现 图片滑动收起与隐藏
- 展开收起特效
- 展开与收起效果
- js 展开收起效果
- JMS入门(七)---JMSReplyTo
- JAVA中正则表达式匹配,替换,查找,切割的方法
- android 使path平滑
- linux驱动开发之pwm蜂鸣器
- NYOJ 2 括号配对问题(栈stack)
- jquery图片展开收起
- 将字符串按照&切割并放入lsit集合中
- JQUERY和JS创建元素
- 操作系统内存管理——分区、页式、段式管理
- 我终于明白你的技能为何没提高
- 解决HttpServletResponse输出的中文乱码问题
- poj 1584A Round Peg in a Ground Hole(计算几何 判断凸包)
- UNet实战系列(二)
- Java读取文件内容