`

JQuery运行不了(2)

 
阅读更多

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>index6.html</title>
 
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
   
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

 <!-- hover()opacity  实现 阴影效果 与animate 结合使用   -->
 <script src="http://code.jquery.com/jquery-latest.js"></script>
 <script type="text/javascript">
  $(function(){
      $('#contaiter img').animate({
         "opacity":.5
      });
     
     
      $('#contaiter img').hover(
      function(){$(this).stop().animate({"opacity",1});),
      function(){$(this).stop().animate({"opacity",.5});
      });
  
  });
 
 </script>
 
  </head>
 
  <body>
    <div id="contaiter">
     <img src="1.jpg" alt="image" />
     <img src="2.jpg" alt="image" />
    </div>
  </body>
</html>

 

 

以上代码运行没效果,谁帮我看看hover方法是否有写...

 

 

终于找到问题所在的,还是粗心呀

 

   $('#contaiter img').hover(
      function(){$(this).stop().animate({"opacity",1});),
      function(){$(this).stop().animate({"opacity",.5});
      });

这部分的    function(){$(this).stop().animate({"opacity",1});), 中最后一个字符写错

应该是} 而不是)

 

视频:http://blog.themeforest.net/tutorials/jquery-for-absolute-beginners-video-series/

通过视频,编写jquery代码,没有达到效果。原因很简单,老是有些地方写错了,最后找了N久没找出来;人都要崩溃了;

总结:太粗心了 哎

 

 

0
8
分享到:
评论

相关推荐

    jQuery实例可以运行

    这个"jQuery实例可以运行"的资源很显然是为了帮助初学者或正在学习jQuery的人提供实践示例,以便更好地理解和掌握jQuery的核心功能。 首先,jQuery的引入通常是通过在HTML文档的`&lt;head&gt;`部分添加链接到jQuery库的...

    jQuery 2.1.4 运行包

    在标题“jQuery 2.1.4 运行包”中,"运行包"指的是包含了用于网站运行的jQuery库的文件集合,而版本号“2.1.4”表示这是jQuery的特定稳定版本,发布于2015年,是jQuery 2系列的一个重要版本。 描述中提到“jQuery ...

    jquery运行必须包

    这是jquery运行所必须的包,你可以下载导入你的运行文件中,然后引用,就可以得到你所要的效果

    jQuery.js执行过程分析

    2. **`jQuery.fn.extend`与`jQuery.extend`的区别**: - `jQuery.fn.extend`用于扩展原型对象,影响所有实例。 - `jQuery.extend`则用于扩展jQuery对象本身,不影响实例。 3. **`jQuery.init`与`jQuery.macros`**...

    jquery和struts2的整合

    通过运行这个Demo,你可以看到jQuery与Struts2整合的实际效果,如Ajax提交表单、动态更新页面等。 总之,jQuery与Struts2的整合使得前端交互更为便捷,同时保持了Struts2的MVC架构和强大的后端控制能力。在实际开发...

    jqueryAPI不需要联网

    首先,标题“jqueryAPI不需要联网”指出,我们可以通过离线方式访问和使用jQuery的API。这意味着我们可以提前下载jQuery的相关资料,包括API文档,以便在无网络环境中查阅和学习。这特别适用于那些在偏远地区工作或...

    jquery性能优化高级技巧

    因此我们有必要对我们自己书写的jquery代码进行优化,以达到更快捷、更流畅的运行效果。 jquery性能优化高级技巧,下面主要从七个方面对jquery性能优化做介绍: 1.通过CDN(Content Delivery Network)引入jQuery库...

    jQuery图片切换插件2

    1. **引入jQuery库**:首先确保页面已经包含了jQuery库,因为插件依赖于jQuery运行。 2. **引入插件文件**:将插件的JavaScript和CSS文件添加到HTML文档中,确保它们在jQuery库之后加载。 3. **HTML结构**:为图片...

    jQuery实例2可以运行

    "jQuery实例2可以运行"这个标题表明我们将探讨一些在实际项目中能够正常运行的jQuery代码示例,这些实例通常涵盖了jQuery库中的常见操作和技术。 **1. jQuery的选择器** jQuery的选择器是其强大之处之一,它允许...

    jquery-migrate

    jquery-migrate-3.4.0版本将帮助您更新代码以在 jQuery 3.0 或更高版本上运行。 jQuery Migrate是应用迁移辅助插件,是用于高级版本兼容低级版本辅助插件。 例如jQuery版本用的是1.x,计划升级到3.x,就可以在页面...

    jquery-migrate: 迁移旧的jQuery代码至jQuery1.9以上的版本

    这个插件通过重新引入已废弃的API和修复已删除的函数,使得旧的代码能在新版本的jQuery环境中正常运行。这样,开发者可以在不立即重构所有代码的情况下,逐步更新项目,避免了大规模的代码修改带来的风险。 **2. ...

    jquery mobile 1.4.2 和 jquery 1.8.3

    2. `jquery.mobile.inline-svg-1.4.2.css` 添加了对内联SVG图形的支持,使图标在不同设备上都能清晰呈现。 3. `jquery.mobile.icons-1.4.2.css` 包含了jQuery Mobile内置的图标样式,用于按钮、下拉菜单等组件。 4. ...

    JQuery核心用法快速查询文档

    JQuery核心用法、快速查询文档、简单实用、概括详全、便于速查。 jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,...

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

    2. 代码优化:通过删除注释、合并变量、缩短函数名等手段,`.min.js`在不牺牲功能的前提下,实现了代码最小化,提升了运行效率。 三、jQuery在实际项目中的应用 1. DOM操作:jQuery提供了一系列简便的方法,如`$...

    jquery-migrate3.4版本

    在jQuery 3.x中,一些过时或不推荐使用的API被移除,如`.data()`的旧实现、`.live()`事件处理和`.browser`对象等。Migrate 3.4.0为这些移除的功能提供临时支持,以便于迁移。 4. **浏览器兼容性**: 虽然现代...

    jquery-migrate-3.0.0.zip

    这样,当jQuery运行时,jQuery Migrate会自动检测并修复不兼容的问题。 需要注意的是,虽然jQuery Migrate可以暂时解决兼容性问题,但它并不推荐作为长期解决方案。最佳实践是逐步升级和修改代码,以适应最新版本的...

    TWebBrowser运行JQuery

    在本例中,我们将探讨如何在`TWebBrowser`中运行JQuery,这是一个强大的JavaScript库,极大地简化了DOM操作、事件处理和AJAX请求。 首先,我们要理解`TWebBrowser`的工作原理。它是通过COM接口`IDispatch`与内嵌的...

    锋利的jQuery(第2版)

    配合《锋利的jQuery》实例源码.rar,读者可以下载并运行书中案例,通过实践加深理解,提高解决实际问题的能力。这本书对于初级到中级水平的jQuery开发者来说,是一份宝贵的参考资料,有助于进一步提升jQuery技能,...

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

    jQuery 1.9.1版本是一个重要的里程碑,它对旧的API进行了清理和重构,移除了一些不推荐使用的函数和方法,以保持库的简洁性和未来发展的兼容性。例如,`.live()`方法在这一版本中被移除,取而代之的是`.on()`和`.off...

    jquery Qrcode生成2维码

    2. 引入jQuery QRcode库:接着,将jQuery QRcode的JavaScript文件引入到页面中。 ```html &lt;script src="jquery.qrcode.min.js"&gt; ``` 3. 创建元素:在HTML中创建一个div元素,用于显示生成的二维码。 ```html ...

Global site tag (gtag.js) - Google Analytics