`
bulote
  • 浏览: 1353871 次
文章分类
社区版块
存档分类
最新评论

滑动变色——js和jquery对比

 
阅读更多

Jquery方法

<head>
<wbr><wbr><wbr> &lt;script src="jquery-1.4.1.js" type="text/javascript"&gt;&lt;/script&gt;<br><wbr><wbr><wbr> &lt;script type="text/javascript"&gt;<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr> $(function () {</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>

<wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><strong>// 不需要on——</strong><br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> $(".table1 tr").<strong>mouseenter</strong>(function () {<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> $(this).css("backgroundColor", "yellow");<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> }).<strong>mouseleave</strong>(function () {<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> $(this).css("backgroundColor", "white");<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> });<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr> })<br><wbr><wbr><wbr> &lt;/script&gt;<br> &lt;/head&gt;<br> &lt;body&gt;<br><wbr><wbr><wbr> &lt;table class="table1"&gt;<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr> &lt;tr&gt;<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> &lt;td&gt;<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> 喜洋洋<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> &lt;/td&gt;<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr> &lt;/tr&gt;<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr> &lt;tr&gt;<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> &lt;td&gt;<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> 喜洋洋<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> &lt;/td&gt;<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr> &lt;/tr&gt;<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr> &lt;tr&gt;<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> &lt;td&gt;<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> 喜洋洋<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> &lt;/td&gt;<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr> &lt;/tr&gt;<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr> &lt;tr&gt;<br></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>

分享到:
评论

相关推荐

    JQ滑动变色菜单_导航条变色滑动显示

    "JQ滑动变色菜单_导航条变色滑动显示"就是一个这样的实践,它利用jQuery库来实现导航条在用户滚动页面时的动态变化,特别是颜色的变换,为网站增添视觉吸引力和互动性。jQuery(简称JQ)是一个广泛使用的JavaScript...

    jQuery拖拽滑动验证码插件 slideunlock.js

    在jQuery中实现滑动验证码,通常需要结合HTML、JavaScript(尤其是jQuery库)和CSS来完成。`slideunlock.js`是一个专门为此目的设计的插件,它可以方便地在网页中添加拖拽滑动验证功能。然而,原版的`slideunlock.js...

    网页模板——基于jquery来实现图片滑动门效果.zip

    本资源“网页模板——基于jquery来实现图片滑动门效果.zip”提供了使用JavaScript库jQuery实现这一效果的具体方案。 jQuery是一个强大的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务,...

    Android自定义View——滑动变色指示器

    本文将深入探讨如何实现一个滑动变色指示器,这是一个常用于引导用户了解应用功能或导航页间的过渡效果的视图元素。通过自定义View,我们可以更好地控制视图的行为和外观,提升用户体验。 首先,我们需要创建一个新...

    jQuery二张图片滑动对比效果代码 .rar

    【jQuery二张图片滑动对比效果代码】是一种常见的网页交互设计,它利用JavaScript库jQuery实现了一种动态展示两张图片差异的特效。用户可以通过平移一个滑块,左右对比两张图片,这种效果常用于产品展示、前后对比...

    JavaScript+jQuery网页特效设计实例源码

    JavaScript 和 jQuery 是网页开发中两种非常重要的技术,它们在创建动态、交互式的网页效果方面扮演着关键角色。在这个"JavaScript+jQuery网页特效设计实例源码"的压缩包中,我们很可能会找到一系列实用的代码示例,...

    jQuery滑动侧边栏实现多级菜单插件jSide.zip

    本资源"jQuery滑动侧边栏实现多级菜单插件jSide.zip"提供了使用jQuery创建动态、交互式侧边栏菜单的解决方案。以下是关于这个插件及其使用的一些关键知识点: 1. **jQuery库**: jQuery 是一个轻量级的JavaScript库...

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

    这个压缩包包含了两个版本的jQuery——`jquery-1.11.1.js`和`jquery-1.11.1.min.js`,它们都是官方发布的jQuery 1.11.1版本。这两个文件的主要区别在于,前者是未经压缩的源代码版本,方便开发者阅读和调试;后者则...

    Jquery实现滑动数值选择

    **jQuery滑动数值选择器详解** 在Web开发中,用户交互是至关重要的,尤其是在涉及到数据输入时。jQuery库提供了一种高效且用户友好的方式来实现这种交互,这就是滑动数值选择器。这个Demo展示了如何利用jQuery实现...

    jQuery实现按钮滑动切换

    在本文中,我们将深入探讨如何使用jQuery库来实现按钮的滑动切换效果。jQuery是一个强大的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互等任务,使得开发者能够更高效地创建交互式的网页应用。 ...

    jquery图像幻灯片上下滑动图片切换

    jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理和动画制作,使得创建交互式网页变得更加容易。对于图像幻灯片来说,jQuery提供了强大的功能来实现平滑的过渡效果,为用户提供流畅的视觉体验。 ...

    jQuery插件--滑动条

    `jquery.jslider.js`插件可能封装了滑动条的样式和交互行为,使其易于集成到项目中。 总结,使用jQuery插件创建滑动条涉及加载jQuery库和插件,设置HTML结构,初始化插件并处理交互事件。在实际应用中,开发者可以...

    jQuery图片自动滑动门效果.zip_jQuery图片自动滑动门效果_图片jquery滑动

    jQuery是一个轻量级的JavaScript库,它简化了JavaScript的DOM操作、事件处理、动画设计等任务,使得开发者可以更方便地创建动态和交互性的网页。在"jQuery图片自动滑动门效果"中,主要涉及以下几个关键技术点: 1. ...

    JS随意滑动图片展示(JQuery)

    在本文中,我们将深入探讨如何使用JavaScript和JQuery库创建一个动态、流畅的图片展示功能,就像百度图片搜索那样。这种交互式图片展示系统能够提供卓越的用户体验,让用户可以轻松浏览和放大感兴趣的照片。 首先,...

    网页模板——jquery左右滑动隐藏图片动画效果相当帅气.zip

    在本资源"网页模板——jquery左右滑动隐藏图片动画效果相当帅气.zip"中,包含了一个利用jQuery实现的动态图片展示方案。 jQuery是一个广泛使用的JavaScript库,它的目标是使JavaScript编程变得更简单、更易于理解和...

    jquery滑动

    标题中的“jquery滑动”指的是使用jQuery库来创建平滑的元素滚动或滑动效果,...通过以上内容的学习和实践,你可以熟练掌握使用jQuery和Sequence.js创建流畅滑动效果的技术,为网页增添生动的动态元素,提高用户体验。

    jquery.SuperSlide超级滑动门插件多种实用的滑动门...

    jquery.SuperSlide超级滑动门插件多种实用的滑动门... jquery.SuperSlide超级滑动门插件多种实用的滑动门... jquery.SuperSlide超级滑动门插件多种实用的滑动门...

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

    《jQuery UI与jQuery插件深度解析——以jquery-ui-1.8.2.custom.min.js为例》 在Web开发领域,jQuery库以其简洁易用的API和强大的功能深受开发者喜爱。而jQuery UI作为jQuery的一个扩展,提供了丰富的用户界面组件...

    jquery对比功能

    在JavaScript的世界里,jQuery是一个非常流行和广泛使用的库,它极大地简化了DOM操作、事件处理、动画效果以及Ajax交互。本篇文章将深入探讨jQuery的对比功能,这些功能主要体现在选择器、DOM操作、事件处理、动画和...

    jQuery侧边栏滑动导航菜单代码.rar

    jQuery侧边栏滑动导航菜单代码.rar jQuery侧边栏滑动导航菜单代码.rar jQuery侧边栏滑动导航菜单代码.rar jQuery侧边栏滑动导航菜单代码.rar jQuery侧边栏滑动导航菜单代码.rar jQuery侧边栏滑动导航菜单代码.rar ...

Global site tag (gtag.js) - Google Analytics