<!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久没找出来;人都要崩溃了;
总结:太粗心了 哎
相关推荐
这个"jQuery实例可以运行"的资源很显然是为了帮助初学者或正在学习jQuery的人提供实践示例,以便更好地理解和掌握jQuery的核心功能。 首先,jQuery的引入通常是通过在HTML文档的`<head>`部分添加链接到jQuery库的...
在标题“jQuery 2.1.4 运行包”中,"运行包"指的是包含了用于网站运行的jQuery库的文件集合,而版本号“2.1.4”表示这是jQuery的特定稳定版本,发布于2015年,是jQuery 2系列的一个重要版本。 描述中提到“jQuery ...
这是jquery运行所必须的包,你可以下载导入你的运行文件中,然后引用,就可以得到你所要的效果
2. **`jQuery.fn.extend`与`jQuery.extend`的区别**: - `jQuery.fn.extend`用于扩展原型对象,影响所有实例。 - `jQuery.extend`则用于扩展jQuery对象本身,不影响实例。 3. **`jQuery.init`与`jQuery.macros`**...
通过运行这个Demo,你可以看到jQuery与Struts2整合的实际效果,如Ajax提交表单、动态更新页面等。 总之,jQuery与Struts2的整合使得前端交互更为便捷,同时保持了Struts2的MVC架构和强大的后端控制能力。在实际开发...
首先,标题“jqueryAPI不需要联网”指出,我们可以通过离线方式访问和使用jQuery的API。这意味着我们可以提前下载jQuery的相关资料,包括API文档,以便在无网络环境中查阅和学习。这特别适用于那些在偏远地区工作或...
因此我们有必要对我们自己书写的jquery代码进行优化,以达到更快捷、更流畅的运行效果。 jquery性能优化高级技巧,下面主要从七个方面对jquery性能优化做介绍: 1.通过CDN(Content Delivery Network)引入jQuery库...
1. **引入jQuery库**:首先确保页面已经包含了jQuery库,因为插件依赖于jQuery运行。 2. **引入插件文件**:将插件的JavaScript和CSS文件添加到HTML文档中,确保它们在jQuery库之后加载。 3. **HTML结构**:为图片...
"jQuery实例2可以运行"这个标题表明我们将探讨一些在实际项目中能够正常运行的jQuery代码示例,这些实例通常涵盖了jQuery库中的常见操作和技术。 **1. jQuery的选择器** jQuery的选择器是其强大之处之一,它允许...
jquery-migrate-3.4.0版本将帮助您更新代码以在 jQuery 3.0 或更高版本上运行。 jQuery Migrate是应用迁移辅助插件,是用于高级版本兼容低级版本辅助插件。 例如jQuery版本用的是1.x,计划升级到3.x,就可以在页面...
这个插件通过重新引入已废弃的API和修复已删除的函数,使得旧的代码能在新版本的jQuery环境中正常运行。这样,开发者可以在不立即重构所有代码的情况下,逐步更新项目,避免了大规模的代码修改带来的风险。 **2. ...
2. `jquery.mobile.inline-svg-1.4.2.css` 添加了对内联SVG图形的支持,使图标在不同设备上都能清晰呈现。 3. `jquery.mobile.icons-1.4.2.css` 包含了jQuery Mobile内置的图标样式,用于按钮、下拉菜单等组件。 4. ...
JQuery核心用法、快速查询文档、简单实用、概括详全、便于速查。 jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,...
2. 代码优化:通过删除注释、合并变量、缩短函数名等手段,`.min.js`在不牺牲功能的前提下,实现了代码最小化,提升了运行效率。 三、jQuery在实际项目中的应用 1. DOM操作:jQuery提供了一系列简便的方法,如`$...
在jQuery 3.x中,一些过时或不推荐使用的API被移除,如`.data()`的旧实现、`.live()`事件处理和`.browser`对象等。Migrate 3.4.0为这些移除的功能提供临时支持,以便于迁移。 4. **浏览器兼容性**: 虽然现代...
这样,当jQuery运行时,jQuery Migrate会自动检测并修复不兼容的问题。 需要注意的是,虽然jQuery Migrate可以暂时解决兼容性问题,但它并不推荐作为长期解决方案。最佳实践是逐步升级和修改代码,以适应最新版本的...
在本例中,我们将探讨如何在`TWebBrowser`中运行JQuery,这是一个强大的JavaScript库,极大地简化了DOM操作、事件处理和AJAX请求。 首先,我们要理解`TWebBrowser`的工作原理。它是通过COM接口`IDispatch`与内嵌的...
配合《锋利的jQuery》实例源码.rar,读者可以下载并运行书中案例,通过实践加深理解,提高解决实际问题的能力。这本书对于初级到中级水平的jQuery开发者来说,是一份宝贵的参考资料,有助于进一步提升jQuery技能,...
jQuery 1.9.1版本是一个重要的里程碑,它对旧的API进行了清理和重构,移除了一些不推荐使用的函数和方法,以保持库的简洁性和未来发展的兼容性。例如,`.live()`方法在这一版本中被移除,取而代之的是`.on()`和`.off...
2. 引入jQuery QRcode库:接着,将jQuery QRcode的JavaScript文件引入到页面中。 ```html <script src="jquery.qrcode.min.js"> ``` 3. 创建元素:在HTML中创建一个div元素,用于显示生成的二维码。 ```html ...