jquery div提示框渐隐弹出与隐藏效果

2016-02-19 13:04 33 1 收藏

给自己一点时间接受自己,爱自己，趁着下午茶的时间来学习图老师推荐的jquery div提示框渐隐弹出与隐藏效果，过去的都会过去，迎接崭新的开始，释放更美好的自己。

【 tulaoshi.com - Web开发】

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=gb2312" / titlejquery div提示框渐隐弹出与隐藏/title script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"/script style *{margin:0;padding:0;font-size:12px;} input{width:120px;height:30px;cursor:pointer;} #note{position:absolute;width:400px;padding:20px;background:#eee;border:1px solid #ccc;left:40%;z-index:9999;display:none;} /style script $(function(){ $('input').click(function(){ if(!$('#note').is(':visible')){ $('#note').css({display:'block', top:'-100px'}).animate({top: '+100'}, 500, function(){ setTimeout(out, 3000); }); } }); }); function out(){ $('#note').animate({top:'0'}, 500, function(){ $(this).css({display:'none', top:'-100px'}); }); } /script /head body diva href="http://www.poluoluo.com" target="_blank"/a/div input type="button" value="点我，30s后消失" / /body /html

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

来源:https://www.tulaoshi.com/n/20160219/1602900.html

上一篇：从一个程序中生成另一个程序(资源法)
下一篇：沧海一粟之垃圾游戏一

看过《jquery div提示框渐隐弹出与隐藏效果》的人还看了以下文章更多>>

jquery div提示框渐隐弹出与隐藏效果 02-19
jQuery DIV弹出效果实现代码 02-19
jquery 弹出公告功能代码 02-19
jQuery animate效果演示 02-19
jQuery 可以拖动的div实现代码 02-19
jQuery AnythingSlider滑动效果插件 02-19
Jquery find与filter函数区别说明 02-19
JQuery Dialog(JS 模态窗口,可拖拽的DIV) 02-19
jquery (show,fadeOut,Animate)简单效果 02-19
Jquery change(fontsize,background) 改变颜色与背景 02-19

IE下载文件不弹出保存提示框

标签：浏览器

IE下载文件不弹出保存提示框 1、打开我的电脑后请点击工具列的：工具文件夹选项。 2、然后切换到文件类型标签页，并找到你要修改设定的文件类型 (以文件后缀名来选取)，并点击高级按钮。 3、最后就是要确认下载之后确认打开的选项是否被勾选。 4、只要有勾选下载之后确认打开的情况下，当在IE浏览器中点击这些...

jquery 简单的图片展示效果

标签： Web开发

html head titlejquery练习——简单的图片结果展示效果--cnblogs libsource//title style #cfoot ul,#cfoot li{ margin:0;padding:0;list-style-type:none; } #cdiv{ width:500px;height:500px;line-height:500px;text-align:center;border:1px solid #D5DDF9;margin:30px;float:left; } #cfoot li{ display:inline-block;width:100px;height:1...

Jquery 学习笔记（二）

标签： Web开发

选择器从最开始看到Jquery这样的选择器就让我想起了CSS的选择器，简直是同出一辙啊，CSS的选择器语法个人觉得相当的经典，那么Jquery借鉴CSS也就没有多少疑问了。还是复习一下Jquery的选择器吧其中h1为选择器，color:red与background:#d00与声明，两者结合也即{}内称为声明块；color与background称为属性；red与#d00称为值。其中选...

jQuery autocomplete插件修改

标签： Web开发

文件打包下载主要修改了两个地方：一、上下选择与输入值同步问题。输入关键字后，当出现了下拉选项，用键盘的上下键选择时，关键字输入框的值，没有与你选择的值同步。插件是老外写的，可能他没有考虑到这一点。二、修正了在firefox下中文输入，没有激活自动提交的问题。老外当然不会用到中文输入，这个bug存在也理所当然...

IE下载完成后怎么不弹出提示框？

标签：浏览器

IE下载完成后怎么不弹出提示框？以前在IE浏览器中右键单击下载链接，在选择另存为即可对文件进行下载，当下载完成后会弹出一个提示窗口，可以选择"打开"、打开文件夹和关闭。但如果不小心勾选了下载完成后关闭此对话框复选框，下载完后就再没有提示窗口弹出了。因为有时候没有留意保存的位置，若有提示窗口的话可以直接...

查看更多精彩>>