`

JQuery实现div渐隐效果

阅读更多

呵呵,总算是第一次学习JQuery,对JQuery的引用有了进一步了解。

<a href="#">你好</a> <div id="box">我的网页</div>



 

 

/*产生Toggle效果的Script,即按下某个链接后使某个ID为BOX * 的对象产生出现或隐藏的效果 * */ $(document).ready(function(){ $('#box').hide(); $('a').click(function() { $('#box').toggle("slow"); return false; }); });


 

    这里让我明白了JQuery的代码是写在哪个地方的。

分享到:
评论

相关推荐

    jQuery-简单渐隐渐现焦点图-兼容个浏览器

    总之,"jQuery-简单渐隐渐现焦点图" 是一个实用的前端工具,它提供了简单而高效的焦点图解决方案,适用于那些希望快速实现动态图片展示的开发者。只需几行代码,你就可以在项目中实现专业级的焦点图效果,同时享受到...

    jquery渐隐渐现鼠标提示效果

    mouseout事件则用fadeOut()方法实现渐隐效果: ```javascript $(document).ready(function() { $("#myImage, #myButton").hover( function() { var tooltipText = $(this).data('tooltip'); $('&lt;div class=...

    jQuery实现的渐隐渐显焦点图切换特效源码.zip

    在这个“jQuery实现的渐隐渐显焦点图切换特效源码.zip”压缩包中,我们可以预见到它包含了一个使用jQuery创建的焦点图切换效果的源代码。这个效果通常用于网站的首页或者其他需要展示多张图片的地方,通过平滑的过渡...

    jQuery图片渐隐切换菜单

    本篇文章将详细介绍如何利用jQuery实现图片渐隐切换菜单,并探讨其在网页设计中的应用。 首先,jQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理、动画制作以及Ajax交互等任务,使得开发者能够快速构建...

    渐隐效果的tabs导航(基于jquery技术)

    总的来说,使用jQuery实现的渐隐效果tabs导航是一种优秀的网页交互设计,它可以增加用户的参与度,提高网站的专业感。通过掌握jQuery的基本动画API,开发者能够创造出更多富有创意的动态效果,提升网站的吸引力和...

    jQuery实现渐现渐隐弹出层.zip

    为了实现渐现渐隐效果,我们可以使用`.fadeIn()`和`.fadeOut()`方法,它们接受一个时间参数,表示动画持续的时间。例如: ```javascript $(document).ready(function() { $("#open_popup").click(function() { $...

    jQuery实现渐隐表单提示.zip

    本项目“jQuery实现渐隐表单提示”聚焦于使用jQuery来创建一种交互式的用户体验,即当用户填写表单时,提供逐渐淡出的提示信息。这种提示可以帮助用户在输入过程中即时获取反馈,提升表单填写的效率和准确性。 首先...

    jQuery使用fadeout实现元素渐隐效果的方法

    本文实例讲述了jQuery使用fadeout实现元素渐隐效果的方法。分享给大家供大家参考。具体分析如下: 下面的JS代码演示了jQuery控制色块元素逐渐隐藏的效果,可以控制隐藏速度 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;...

    jQuery鼠标经过二级菜单实现渐隐效果代码.zip

    这个压缩包“jQuery鼠标经过二级菜单实现渐隐效果代码.zip”显然包含了实现这一特定功能的代码示例。我们将深入探讨如何使用jQuery来创建二级菜单的渐隐效果,并探讨相关的核心知识点。 首先,让我们了解jQuery中的...

    jQuery鼠标悬停文字渐隐渐现动画效果.zip

    在前端开发中,jQuery库因其简洁的API和强大的功能,被广泛用于实现各种交互效果,如本案例中的“鼠标悬停文字渐隐渐现动画效果”。这个效果涉及到CSS、JavaScript和HTML5的基本知识,同时也充分利用了jQuery提供的...

    tab标签图片渐隐渐现效果

    以下是一个简单的jQuery实现: ```javascript $(document).ready(function() { $('.tabs li').click(function() { // 移除所有tab的.active类 $('.tabs li').removeClass('active'); // 添加当前选中tab的....

    jquery div 弹出框

    // 使用fadeOut渐隐并隐藏 }); }); ``` 在上面的代码中,`#open_popup`是触发弹出框显示的元素,`#close_popup`则是关闭弹出框的按钮。`fadeIn`和`fadeOut`是jQuery提供的动画函数,用于平滑地改变元素的可见性。...

    jQuery图片渐隐切换菜单.zip

    总的来说,这个压缩包提供了一个使用jQuery实现的图片渐隐切换菜单的实例。开发者可以通过修改HTML结构、CSS样式和JavaScript代码来适应自己的项目需求,以创建具有独特视觉效果的菜单导航。这种动态的交互方式可以...

    jquery 添加删除 DIV 和 jquery 切换特效

    除了 `slideToggle()`,还有其他类似的方法,如 `fadeIn()` 和 `fadeOut()` 用于渐显渐隐效果,`show()` 和 `hide()` 则直接控制元素的显示与隐藏。这些方法可以配合使用 `duration` 参数和回调函数,实现更复杂的...

    jquery很不错的网页渐显效果

    在这个“jquery很不错的网页渐显效果”主题中,我们将探讨如何利用jQuery来实现引人入胜的渐显效果,从而让网页元素的展现更加平滑自然。 首先,我们需要理解什么是渐显效果。渐显效果(Fade Effect)是指网页上的...

    基于Jquery+div+css实现弹出登录窗口(代码超简单)

    5. 当用户点击关闭按钮或取消操作时,通过fadeOut和slideUp方法来实现半透明蒙版的渐隐和登录窗口的垂直收起隐藏。 在HTML中,需要包含一个指向jQuery库的script标签以及自定义的CSS文件。script标签中编写了控制...

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

    在本示例中,我们将探讨如何使用jQuery实现一个具有渐隐弹出和隐藏效果的div提示框。这个功能通过结合使用`animate()`函数和自定义的`out()`函数来达到预期的效果。 首先,`&lt;title&gt;`标签定义了网页的标题为“jquery...

    popdiv jQuery 实现

    // 使用fadeOut渐隐效果 }); ``` 在上述代码中,`#openButton`是触发弹出层的按钮ID,`#closeButton`则是关闭弹出层的按钮ID。 4. **添加交互功能**:根据需求,我们还可以为弹出层添加更多交互功能,如拖动、...

    jQuery实现两张图片渐入渐出无缝切换展示效果.zip

    本教程将详细讲解如何利用jQuery实现两张图片的渐入渐出无缝切换展示效果。 首先,我们需要理解jQuery的核心概念。jQuery通过选择器(Selectors)来定位HTML元素,然后对这些元素执行各种操作。例如,我们可以使用`...

Global site tag (gtag.js) - Google Analytics