jQuery jQuery速成 - 动画实现的基本方法

[复制链接]
攻城狮 发表于 2015-9-12 16:55:44 [jQuery] 显示全部楼层 |阅读模式 上一主题 下一主题

马上注册,一起探讨正确快速的建站方法

您需要 登录 才可以下载或查看,没有帐号?快速注册

x
今天开始jQuery的动画效果相关内容,本节jQuery动画实现的基本方法

$("Element").show()
将不可见元素设置为可见,比如某个元素被定义为display:none;

$("Element").show(speed,[callback])
speed为显示的速度,推荐600毫秒为佳
speed:时间,单位毫秒
callback:回调函数(可选)

$("Element").hide()
与第一个函数相反,将某个元素设置为隐藏,也就是设置为display:none;

$("Element").hide(speed,[callback])
speed为显示的速度,推荐600毫秒为佳
speed:时间,单位毫秒
callback:回调函数(可选)

$("Element").toggle()
切换元素的显示状态,如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的。

$("Element").toggle(speed,[callback])
speed为显示的速度,推荐600毫秒为佳
speed:时间,单位毫秒
callback:回调函数(可选)

课后作业:
由于这两节课程比较简单,所以本节作业还是跟前一节一样,根据上面所描述的所有方法,均写一个例子出来。最好都在一个HTML文件里。

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.     <head>
  4.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5.         <title>第二十二节jQuery作业-站帮网zb7.com</title>
  6.         <script language="javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>
  7.         <script language="javascript" charset="GB2312">
  8.          此处编写jQuery代码
  9.         </script>
  10.         <style>
  11.          如有需要,此处编写CSS代码
  12.         </style>
  13.     </head>
  14.     <body>
  15.      如有需要,此处编写HTML代码
  16.     </body>
  17. </html>
复制代码







上一篇:jQuery速成 - 其他事件
下一篇:jQuery速成 - 元素的渐隐渐显

大神点评5

a0732w 发表于 2015-10-7 01:19:53 [jQuery] 显示全部楼层
强烈支持,站帮网有你更精彩
http://www.xicxi.com
www.xicxi.com
www.gzgkgd.com
邦妮儿 发表于 2015-10-8 17:11:30 [jQuery] 显示全部楼层
强烈支持,站帮网有你更精彩
台品部落水玲珑店     一家专业做台湾特产的微店。
邦妮儿 发表于 2015-10-9 13:31:22 [jQuery] 显示全部楼层
我只是路过站帮网打酱油的,顺便支持下
台品部落水玲珑店     一家专业做台湾特产的微店。
luccccc17 发表于 2015-10-9 23:30:10 [jQuery] 显示全部楼层
感谢楼主的分享,受益良多
zb7ang 发表于 2019-6-10 15:26:02 [jQuery] 显示全部楼层
不错,谢谢分享!
大家足球 -> www.dajiazuqiu.com
您需要登录后才可以回帖 登录 | 快速注册

本版积分规则

攻城狮

站帮资深版主

  • 356 积分
  • 71 帖数
  • 0 日志
广告招商 QQ: 5620010
快速回复 返回顶部 返回列表