jquery 实现点击后1秒展开div

要实现的样式:

(1)刚点开按钮:

(2)点开一秒后的按钮:(提交栏向下滑动展开)

1,实现:

(1)html:

<div class="list-box" id="list-box-1" style="display:none;">...</div>

(2)js:

//几秒展示报名栏
window.setTimeout(hello,1000);

--------------------------------------------------

function hello(){
$("#list-box-1").slideDown("slow");
}
时间: 2024-08-10 02:10:25

jquery 实现点击后1秒展开div的相关文章

js jquery 按钮点击后 60秒之后才能点击 60秒倒计时

var wait = 60; function time(o) { if (wait == 0) { $(o).attr("disabled", false); $(o).val("获取验证码"); wait = 60; } else { $(o).attr("disabled", true); o.val(wait + "秒后重新发送"); wait--; setTimeout(function () {time(o);},

jQuery/CSS3实现图片层叠展开特效

这是一款基于jQuery和CSS3的图片层叠展开特效,让鼠标滑过图片时即可触发这些特效.主要由HTML.CSS以及jQuery代码组成. HTML代码: 把要用到的小图片列出来,HTML结构非常简单. <div id="page_wrap"> <!--Stack 1  --> <div class="image_stack" style="margin-left:600px"> <img id="

jQuery鼠标悬停3d菜单展开动画

效果体验:http://hovertree.com/texiao/jquery/93/ 竖直的主菜单贴着页面左侧,当光标移入菜单项时,以3D动画的方式弹出对应的二级菜单.采用jQuery和CSS3实现.支持Chrome,火狐,Edge等浏览器. 效果图: 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport"

html+jquery模拟简单的树形展开

html+jquery模拟简单的树形展开 <!DOCTYPE html> <html> <head> <title>在线尝试 Bootstrap 实例</title> <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet"> <script src="htt

一款基于jquery ui漂亮的可拖动div实例

今天要给大家带来一款基于jquery ui漂亮的可拖动div实例.这款实例用了图片当背景,div层采用了幽灵透明效果.div拖动是基于jquery ui的.界面非常漂亮.一起看下效果图: 在线预览   源码下载 实现的代码. html代码: <div id="box1" class="box blurred-bg tinted"> <h1> Blurred Background</h1> <h2> By <a h

Jquery:如何让子窗口的div显示在父窗口之上

<1> js或者jQuery访问页面中的框架iframe. 注意:框架内的页面是不能跨域的! 假设有两个页面,在相同域下. 假设:父窗口  index.html ,有id 为 subifrm 的iframe 1. 在index.html执行JS直接访问子窗口中某元素: document.getElementById('subifrm').contentWindow.document.getElementById('test').style.color='red' 2. 利用jquery 来访问

(局部刷新)jquery.ajax提交并实现单个div刷新

web开发中我们经常会遇到局部刷新页面的需求,以前我经常使用ajax和iframe实现局部刷新,后来做政府的项目,对页面的样式要求比较多,发现使用iframe控制样式什么的很麻烦,所以就采用了新的办法,就是下面我们要说的ajax配合div局部刷新页面,其实很简单,下面我们就看一下这种刷新方式是如何实现的. jsp页面ajax代码如下: $("#waitWork").click(function(){ var url = "请求地址"; var data = {typ

jQuery移除指定id的div中指定id的img元素

做项目的过程中,我通过jQuery动态向指定id的div中添加img元素,然后点击删除按钮可以删除指定id的img $("#showimg").find("img[id='"+file.id+"']").remove(); showimg是div的id,file.id是img的id,我直接用$("#"+file.id).remove()删除不了这个img,我也不知道为啥,就用的上面的删除了 有哪个大侠知道为啥的话,告诉我哦,多

使用jQuery在屏幕上居中一个DIV

文章目录 我如何去使用jQuery在屏幕的中心设置<div>? 我喜欢给jQuery添加函数,所以这个函数将有助于: jQuery.fn.center = function () { this.css("position","absolute"); this.css("top", Math.max(0, (($(window).height() - $(this).outerHeight()) / 2) + $(window).scr