jQuery - fadeIn淡入效果
jQuery - fadeIn淡入效果
[示例代码]
<html>
<head>
<script src="jquery-1.3.1.js"></script>
<script>
$(document).ready(function() {
$('#fadein').fadeIn('slow');
});
</script>
</head>
<body>
<div id="fadein" style="display: none;font-size: 100px;">
fadein
</div>
</body>
</html>
[jQuery淡入特效]
http://docs.jquery.com/Effects/fadeIn
[jQuery - 官方网站]
http://jquery.com/
[jQuery - download下载]
当前版本, http://docs.jquery.com/Release:jQuery_1.3.1
下载列表, http://docs.jquery.com/Downloading_jQuery
最新代码, http://code.jquery.com/nightlies/jquery-nightly.js
[jQuery - 相关论坛]
http://groups.google.com/group/jquery-en
http://WebDev.board.newsmth.net/
http://WebGeeks.board.newsmth.net/
http://bbs.pku.edu.cn/, homepage看版
http://forum.csdn.net/SList/JavaScript/
[jQuery - 关键词]
jQuery
[jQuery - 文档]
http://docs.jquery.com/Main_Page
[jQuery - Core核心]
each迭代, http://docs.jquery.com/Core/each
jQuery, http://docs.jquery.com/Core/jQuery
[jQuery - Ajax]
jQuery的Ajax文档, http://docs.jquery.com/Ajax/jQuery.ajax
jQuery的Ajax选项,http://docs.jquery.com/Ajax/jQuery.ajax#options
dataType选项,设置返回值类型
timeout选项,用于设置超时
与PHP集成可以使用json_encode返回结果, http://www.php.net/manual/zh/function.json-encode.php
readyState获取请求操作的当前状态, http://msdn2.microsoft.com/en-us/library/ms534361.aspx
[jQuery - 特效]
jQuery淡入特效,http://docs.jquery.com/Effects/fadeIn
[jQuery - Selectors选择器]
表单元素选择器, http://docs.jquery.com/DOM/Traversing/Selectors#Form_Selectors
属性相等选择器,http://docs.jquery.com/Selectors/attributeEquals
checked选中, http://docs.jquery.com/Selectors/checked
:input匹配所有input, textarea, select和button元素, http://docs.jquery.com/Selectors/input
选择器在选择body中出现的title标记时,会出现和预期不同的效果。
element按指定名称匹配所有元素, http://docs.jquery.com/Selectors/element
[jQuery - Attributes属性]
val获取第一个匹配元素value属性的内容, http://docs.jquery.com/Attributes/val
[jQuery - 常用函数]
filter, 用于在集合中过滤元素
[jQuery - Events事件]
hover, http://docs.jquery.com/Events/hover
submit提交, http://docs.jquery.com/Events/submit
focus响应每个匹配元素的焦点事件, http://docs.jquery.com/Events/focus
click单击, 触发每个匹配元素的单击事件, 绑定函数到每个匹配元素的单击事件, http://docs.jquery.com/Events/click
[jQuery - Manipulation操作]
after在每个匹配的元素之后插入内容, http://docs.jquery.com/Manipulation/after
[jQuery - Traversing遍历器]
filter过滤, http://docs.jquery.com/Traversing/filter
find查找, http://docs.jquery.com/Traversing/find
[jQuery - Tutorials教程]
Introducing $(document).ready(), http://docs.jquery.com/Tutorials:Introducing_%24%28document%29.ready%28%29
[jQuery - plugins插件]
Easing动画, http://jquery.com/plugins/project/easing
jCarouseLite, 走马灯效果, http://jquery.com/plugins/project/jCarouselLite
tableFilter, 表过滤器, http://jquery.com/plugins/project/tableFilter
Rounded Corner圆角矩形, http://docs.jquery.com/Tutorials:Rounded_Corners#Rounded_Corners_Without_Images
Jeditable原位置编辑器插件, http://plugins.jquery.com/project/jeditable
[jQuery - Utilities实用工具]
trim去掉字符串前后的空格, http://docs.jquery.com/Utilities/jQuery.trim
[jQuery - UI]
UI, http://docs.jquery.com/UI
[jQuery - 参考资料]
http://www.json.org/, http://www.json.org/json.js
JScript (Windows Script Technologies):, http://msdn2.microsoft.com/en-us/library/hbxc2t98.aspx
prototype Property (JScript 5.6):, http://msdn2.microsoft.com/en-us/library/f5s9ycex.aspx
parseInt Method (JScript 5.6):, http://msdn2.microsoft.com/en-us/library/x53yedee.aspx
toString Method (JScript 5.6):, http://msdn2.microsoft.com/en-us/library/k6xhc6yc.aspx
HTTP Status Codes (Windows):, http://msdn2.microsoft.com/en-us/library/Aa384325.aspx
HTML+TIME:, http://msdn2.microsoft.com/en-us/library/ms533112.aspx
HTA:APPLICATION对象, http://msdn2.microsoft.com/en-us/library/ms536495.aspx
About Cross-Frame Scripting and Security:关于跨框架脚本和安全, http://msdn2.microsoft.com/en-us/library/ms533028.aspx
How to Build Tables Dynamically:如何动态构建表格, http://msdn2.microsoft.com/en-us/library/ms532998.aspx
Filter Property (Tabular Data Control): - Filter属性(表格数据控件), http://msdn2.microsoft.com/en-us/library/ms531364.aspx
close Method (window):, http://msdn2.microsoft.com/en-us/library/ms536367.aspx
ECMA标准下载, http://www.ecma-international.org/publications/standards/Ecma-262.htm
parseInt Method (JScript 5.6): - IE标准, http://msdn2.microsoft.com/en-us/library/x53yedee.aspx
complete Property (IMG, INPUT, INPUT type=image):, http://msdn2.microsoft.com/en-us/library/ms533688.aspx
fireEvent Method (A, ABBR, ACRONYM, ...):, http://msdn2.microsoft.com/en-us/library/ms536423.aspx
SunSpider JavaScript Benchmark: JavaScript性能测试, http://webkit.org/perf/sunspider-0.9/sunspider.html
onbeforeunload Event (BODY, FRAMESET, window):, http://msdn2.microsoft.com/en-us/library/ms536907.aspx
[jQuery - 综合实例]
实现前一个和后一个效果
跨窗口调用函数
定时刷新
下拉列表框打开指定网站
生成在两个边界间的随机数
文本输入框与标签自动更换
密码输入框与标签自动更换
文本输入区域与标签自动更换
Pre标签在IE与Firefox下效果相对理想的换行处理
固定表头,滚动表格内容
再分享一下我老师大神的人工智能教程吧。零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到我们人工智能的队伍中来!https://blog.csdn.net/jiangjunshow
jQuery - fadeIn淡入效果相关推荐
- jQuery中淡入效果fadeTo
jQuery中淡入效果fadeTo 淡入淡出fadeto与fadeout都是修改元素样式的opacity[oʊˈpæsəti]属性,但是他们都有个共同的特点,变化的区间要么是0,要么是1.Fadein ...
- jQuery fadeIn(),fadeOut()和fadeTo()示例
jQuery带有三种方便的方法来轻松创建褪色效果. fadeIn()–显示匹配的元素并具有淡入效果. fadeOut()–隐藏具有淡入/透明效果的匹配元素. fadeTo()–使匹配的元素淡入某些不透 ...
- jquery的淡入,淡出事件 fadeIn fadeOut
jquery的淡入,淡出事件 fadeIn fadeOut 1. fadeIn() 方法使用淡入效果来显示被选元素,(该元素是隐藏的) $(selector).fadeIn(speed,callb ...
- jQuery 实现淡入淡出效果
上一节我们学习了如何实现元素的显示与隐藏,本节我们来学习如何实现元素的淡入淡出效果. fadeIn()方法 fadeIn() 方法用于淡入已隐藏的元素. 语法如下所示: $(selector).fad ...
- 前端 ----jQuery的动画效果
03-jQuery动画效果 jQuery提供的一组网页中常见的动画效果,这些动画是标准的.有规律的效果:同时还提供给我们了自定义动画的功能. 显示动画 方式一: $("div"). ...
- 使用CSS对页面加载的淡入效果
本文翻译自:Using CSS for fade-in effect on page load Can CSS Transitions be used to allow a text paragrap ...
- jquery中动画效果的函数
在jquery中有很多的动画效果,我给大家分享了一下jquery中的动画函数 jQuery的效果函数列表: animate():对被选元素应用"自定义"的动画. clearQueu ...
- 第一百七十二节,jQuery,动画效果
jQuery,动画效果 学习要点: 1.显示.隐藏 2.滑动.卷动 3.淡入.淡出 4.自定义动画 5.列队动画方法 6.动画相关方法 7.动画全局属性 一.显示.隐藏 jQuery 中显示方法为:. ...
- jQuery的淡入和淡出简单介绍
在jQuery中的一些特效中,可以通过四个方法来实现元素的淡入淡出,这四个方法分别是:fadeIn().fadeOut().fadeToggle() 以及 fadeTo(),下面为分别为大家介绍各个方 ...
最新文章
- 4、Docker 提交运行中容器作为新的镜像
- centos5.8安装mysql_Centos5.8上面用Shell脚本一键安装mysql5.5.25源码包
- bootstrap-fileinput 简单使用
- mysql 重置自增长_怎么重置mysql的自增列AUTO_INCREMENT初时值
- Bootloader之BareBox 之路(1)--安装
- viewport就是这回事
- 若泽数据 巨人_面部识别巨人拒绝分享有关其算法数据集的详细信息
- 关于visual studio和vc版本之间的对应关系(更新至2020.07)
- 软件工程导论01-概论
- shopee上架接口java_关于shopee平台接口(php)对接示例
- mt6577驱动开发 笔记版 转载请注明出处---crosskernel@gmail.com
- Win11系统Windows.old能删除吗?Windows.old怎么删?
- 第一章 HTML基础
- # pyton基础 1
- python:shapely模块
- 关于用GetDIBits代替GetPixel效率低的问题
- 手游平台开发怎么做?
- 关于http的Authorization
- 期中复习——题型总结
- i510400和i512400差距