`

jquery-淡入淡出

阅读更多
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>

<body>
<header id="tab" style="height:50px;width:200px; background-color:red;display:none;"></header>
<input id="button" type="submit"  value="显示"/>
<input id="button1" type="submit"  value="隐藏"/>
<script type="text/javascript" src="js/jquery-1.8.0.min.js" ></script>
<script>
$(document).ready(function(){
dandan=$("#tab");
$("#button").click(function(){
  alert("777777777777");
  dandan.fadeIn(3000);
  });
  $("#button1").click(function(){
  alert("kkkkkk");
  dandan.fadeOut(3000);
  })
});
</script>
</body>
</html>
分享到:
评论

相关推荐

    jQuery首页轮播-淡入淡出效果

    jQuery作为一种强大的JavaScript库,提供了丰富的功能来实现动态效果,如首页轮播的淡入淡出效果。这种效果可以使得页面更加生动,提升用户体验。接下来,我们将深入探讨如何使用jQuery实现这种效果。 首先,我们...

    jQuery左右淡入淡出切换幻灯片.zip

    《jQuery左右淡入淡出切换幻灯片:打造高效轻量级网页动态效果》 在网页设计中,焦点图和幻灯片是不可或缺的元素,它们能够吸引用户的注意力,展示重要信息,提升用户体验。今天我们将深入探讨一款名为“jQuery左右...

    jquery-ui-1.8.16.custom.min.js/jquery-ui-1.8.16.custom.css

    5. **动画效果**:解释如何利用jQuery UI的内置动画效果,如淡入淡出(Fade)、滑动(Slide)等,增强用户体验。 6. **无障碍性**:讨论如何确保jQuery UI组件符合无障碍性标准,使所有用户都能方便地使用。 7. **...

    jquery图片淡入淡出切换特效.zip

    本示例中的"jquery图片淡入淡出切换特效.zip"是一个基于jQuery实现的图片轮播效果,它为网页设计提供了一种吸引用户的动态视觉体验。这种特效通常用于网站的图片展示,如产品相册、幻灯片或背景轮播等场景。 jQuery...

    jquery插件jquery-ui-1.8.2.custom.min.js

    Effects则提供了各种动画效果,如Fade(淡入淡出)、Slide(滑动)等。Position模块提供了元素相对定位的功能,而Utilities则是各种实用函数的集合,为开发带来便利。 在使用"jquery-ui-1.8.2.custom.min.js"之前,...

    jQuery实用淡入淡出幻灯片.zip

    jQuery淡入淡出幻灯片主要依赖于jQuery库的动画功能,特别是`.fadeIn()`和`.fadeOut()`两个方法。这两个方法分别用于元素的渐显和渐隐,通过控制透明度来实现平滑的过渡效果。当一个幻灯片元素淡出时,另一个元素会...

    jquery-ui-1.10.2.custom

    3. **Effects**:jQuery UI 提供了一套完整的特效库,如淡入淡出(Fade)、滑动(Slide)、切换(Toggle)等,以及一个用于自定义动画效果的工具集。 4. **Positioning**:这个功能可以帮助开发者精确地定位页面...

    jquery-1.11.1.js 、jquery-1.11.1.min.js 【官方jquery包 js】

    - `$(element).fadeIn()`/`.fadeOut()`:元素淡入淡出效果。 - `$(element).slideToggle()`:元素滑动显示或隐藏。 - `$(element).animate()`:自定义动画,可以控制速度、缓动函数等。 6. **Ajax交互** - `$....

    jquery 左右淡入淡出滑动

    本教程将深入讲解如何使用jQuery来实现一个左右淡入淡出滑动的效果,这种效果通常用于创建引人注目的提示信息或者新闻滚动展示。 首先,我们需要在HTML页面中引入jQuery库。如果还没有引入,可以通过以下方式添加...

    JQuery淡入淡出自动切换图片特效

    "JQuery淡入淡出自动切换图片特效"就是一种常见的实现方式,它利用jQuery库的动画功能,使图片在页面上以淡入淡出的方式自动切换,既美观又具有交互性。接下来,我们将深入探讨这个知识点。 首先,jQuery是一个轻量...

    jQuery点击淡入淡出显示图片特效.zip

    本项目“jQuery点击淡入淡出显示图片特效”利用jQuery的强大力量,创建了一个吸引人的用户体验,当用户点击一个小图标的圆圈时,大图会在页面上淡入淡出,展示详细内容。 首先,`index.html`是项目的主网页文件,它...

    jquery窗口淡入淡出实例

    &lt;title&gt;jQuery淡入淡出实例 &lt;script src="https://code.jquery.com/jquery-3.6.0.min.js"&gt;&lt;/script&gt; #fade-element { width: 200px; height: 200px; background-color: #f00; display: none; /* 初始隐藏 *...

    jQuery超酷文字淡入淡出显示特效

    在本文中,我们将深入探讨"jQuery超酷文字淡入淡出显示特效"这一主题,它是一种使用reveal-it.js插件实现的动态文字展示技术。这个特效插件为网页设计带来了新颖且引人注目的视觉体验,尤其适用于创建吸引人的标题或...

    jquery-ui-1.11.4完整版

    5. 效果(Effects):包含各种动画效果,如淡入淡出、滑动等,可增强用户体验。 6. 位置(Position):用于精确控制元素在页面上的位置,支持相对定位和绝对定位。 7. 进度条(Progressbar):展示任务进度,可以是...

    jquery-ui-1.8.18.custom,jquery-ui-1.8.18.custom.min,jquery-1.7.1.min

    7. **效果 (Effects)**:包括基本动画、过渡效果以及自定义效果,如淡入淡出、滑动等。 8. **自动完成 (Autocomplete)**:为输入字段提供动态建议,常用于搜索或输入辅助。 9. **布局 (Resizable)**:允许用户调整...

    jquery-ui-1.10.4.custom

    3. **效果(Effects)**: 提供了各种视觉效果,如淡入淡出(Fade)、滑动(Slide)、切换(Toggle)等,以及自定义效果的构建工具。 4. **小部件(Widgets)**: 包括日历(Datepicker)、对话框(Dialog)、进度条...

    Jquery淡入淡出幻灯片特效图片切换源码下载

    在这个“Jquery淡入淡出幻灯片特效图片切换”源码中,主要应用了jQuery的动画功能和定时器功能。 淡入淡出效果是jQuery中最常见的动画效果之一,主要通过`.fadeIn()`和`.fadeOut()`两个方法实现。`.fadeIn()`方法...

    jquery-1.11.1.js和jquery-1.11.1.min.js

    例如,使用`$()`可以快速获取DOM元素,`.click()`用于绑定点击事件,`.fadeIn()`和`.fadeOut()`实现元素的淡入淡出效果,`.ajax()`则用于异步数据交互。此外,它还提供了强大的链式操作和插件机制,使得开发者能够...

Global site tag (gtag.js) - Google Analytics