呵呵 支持 谢谢 老师的无私奉献 3Q 正学习中 好东西
《JQuery实战视频教程[完整]》AVI[压缩包]
| 下面是用户共享的文件列表,安装电驴后,您可以点击这些文件名进行下载 | |
| JQuery实战第一讲:概述、环境准备及入门实例.rar 详情 | 43.2MB |
| JQuery实战第二讲:可以编辑的表格.rar 详情 | 38.1MB |
| JQuery实战第三讲:横向纵向菜单.rar 详情 | 43.7MB |
| JQuery实战第四讲:标签页效果.rar 详情 | 49.1MB |
| JQuery实战第五讲:级联下拉框效果(上).rar 详情 | 228.6MB |
| JQuery实战第五讲:级联下拉框效果(下).rar 详情 | 70.1MB |
| JQuery实战第六讲:窗口效果.rar 详情 | 68.4MB |
| JQuery实战第一讲:概述、环境准备及入门实例SRC.rar 详情 | 435.5KB |
JQuery实战第二讲:可以编辑的表格SRC.rar
详情
|
248.3KB |
| 542MB | |
![]()
重要说明:即日起FLASH格式视频不再供源,开始提供AVI格式视频,请需要的朋友下载。
JQuery是目前AJAX开发方面的明星级框架,国内外都有非常多的人在研究,推广和使用它。这其中包括大名鼎鼎的Google,IBM,Oracle,Dell,Amazon,Intel,也包括Web2.0的新兴热门站点twitter,digg以及著名的媒体公司BBC等,此外国内Web2.0的著名网站豆瓣,土豆,以及CCTV的网站也使用了JQuery来开发。
08年9月28日,JQuery更是和Microsoft,Nokia达成深度合作关系,会被引入这两家重量级公司的解决方案中。
JQuery实战课程是一个系列课,采用每节课动手实战一个实例效果的方式来介绍如何使用JQuery快速开发AJAX前端应用,并结合实例介绍一些前端开发中HTML,CSS,Javascript的知识以及跨浏览器差异问题的解决方法。
课程列表:
JQuery实战第一讲:概述、环境准备及入门实例AVI版—[ITCAST] 王兴魁
JQuery实战第二讲:可以编辑的表格AVI版—[ITCAST] 王兴魁
JQuery实战第三讲:横向纵向菜单AVI版—[ITCAST] 王兴魁
JQuery实战第四讲:标签页效果AVI版—[ITCAST] 王兴魁
JQuery实战第五讲:级联下拉框效果(上)AVI版—[ITCAST] 王兴魁
JQuery实战第五讲:级联下拉框效果(下)AVI版—[ITCAST] 王兴魁
JQuery实战第六讲:窗口效果AVI版—[ITCAST] 王兴魁
[通过安全测试]
杀毒软件:瑞星
版本: 2009
病毒库:最新
共享条件:电信ADSL 1M
共享时间:一般都在
共享服务器:现在我也不确定
[通过安装测试]WindowsXP SP3
HeyJava技术社区 服务器全力提供下载负荷,保证您的下载速度
HeyJavaQQ群:
1号群:38588351
2号群:43304163
.net群:47385435
更多相关资源 >>
这里是其它用户补充的资源(我也要补充):
最新评论
19880117lyg
2009/11/09 03:25:36 220楼
举报
cheng53955
2009/11/15 17:16:35 222楼
举报
224楼已被删除
zhangpurple
2009/11/22 18:59:51 225楼
举报
227楼已被删除
229-230楼已被删除
weir200813
2009/11/30 11:14:07 231楼
举报
232楼已被删除
leonblue903
2009/11/30 22:11:45 233楼
举报
xiaochong4
2009/12/01 09:20:39 236楼
举报
QQ87465335
2009/12/01 12:50:16 238楼
举报
hzy_731035
2009/12/05 21:14:12 242楼
举报
swallowjiang
2009/12/16 18:07:29 257楼
举报
swallowjiang
2009/12/16 18:08:03 258楼
举报
zhougj1008
2009/12/17 16:31:30 259楼
举报
qingbusheng
2009/12/20 13:41:48 260楼
举报
jjm_verycd
2009/12/25 00:55:16 261楼
举报
mowangangel
2009/12/26 11:29:22 263楼
举报
wxpcjrjgcs
2009/12/30 08:42:49 265楼
举报
surewinners
2010/01/01 21:40:34 266楼
举报
第三课:menu.html源代码
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>JQuery实例2:可以编辑的表格</title>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312">
<link type="text/css" rel="stylesheet" href="css/menu.css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/menu.js"></script>
</head>
<body>
<div id="vertical">
<h2>垂直下来子菜单</h2>
<ul>
<li class="main">
<span class="mu"><a href="###">菜单项1</a></span>
<ul><li><a href="###">子菜单项11</a></li><li><a href="###">m子菜单项12</a></li></ul>
</li>
<li class="main">
<span class="mu"><a href="###">菜单项2</a></span>
<ul><li><a href="###">子菜单项21</a></li><li><a href="###">m子菜单项22</a></li></ul>
</li>
<li class="main">
<span class="mu"><a href="###">菜单项3</a></span>
<ul><li><a href="###">子菜单项31</a></li><li><a href="###">m子菜单项32</a></li></ul>
</li>
</ul>
</div>
<div id="horizontal">
<h2>垂直下来子菜单</h2>
<ul>
<li class="hmain">
<span class="mx"><a href="###">菜单项1</a></span>
<ul><li><a href="###">子菜单项11</a></li><li><a href="###">h子菜单项12</a></li><li><a href="###">h子菜单项13</a></li><li><a href="###">h子菜单项14</a></li><li><a href="###">h子菜单项15</a></li><li><a href="###">h子菜单项16</a></li><li><a href="###">h子菜单项17</a></li></ul>
</li>
<li class="hmain">
<span class="mx"><a href="###">菜单项2</a></span>
<ul><li><a href="###">子菜单项21</a></li><li><a href="###">h子菜单项22</a></li></ul>
</li>
<li class="hmain">
<span class="mx"><a href="###">菜单项3</a></span>
<ul><li><a href="###">子菜单项31</a></li><li><a href="###">h子菜单项32</a></li></ul>
</li>
</ul>
</div>
<div id="hrr">xxxxxxxxxxxxx</div>
</body>
</html>
surewinners
2010/01/01 21:41:10 267楼
举报
第三课:menu.css源代码
body{
font-size:16px;
position:relative;
}
#vertical{
width:300px;
float:left;
border:4px double pink;
}
#horizontal{
margin-left:20px;
width:400px;
border:3px double pink;
float:left;
}
#horizontal h2{
font-size:24px;
text-align:left;
border:2px dotted purple;
width:200px;
}
ul,li{
list-style-type:none;
}
ul{
margin:0px; /*解决ie6,7的缩进问题*/
padding:0px;
}
a{
text-decoration:none;
text-indent:20px;
display:block;
line-height:120%;
}
span{
font-size:100%;
background:url(../images/title.png) repeat-x;
display:block;
width:120px;
}
span a{
color:white;
background:url(../images/arrows.gif) no-repeat 5% center;
}
ul li ul li{
background-color:#eee;
width:120px;
display:block;
}
ul li ul li a{
color:black;
border-top:1px solid pink;
}
.hmain{
width:120px;
position:relative;
}
.main ul,.hmain ul{
display:none;
}
.hmain ul{
position:absolute;
top:19px;
left:0;
}
.hmain{
float:left;
margin-left:1px;
}
#hrr{
clear:both;
background:blue;
}
surewinners
2010/01/01 21:41:49 268楼
举报
第三课:menu.js源代码
$(function(){
//页面中的DOM意境装载完成时,执行的代码
$(".main .mu").click(function(){
//找到主菜单项对应的子菜单项
var ulNode = $(this).next("ul");
/*
if ( ulNode.css("display") == "none"){
ulNode.css("display","block");
} else {
ulNode.css("display","none");
}
*/
//ulNode.show("slow"); //show还有三个参数slow,normal,fast,用法show("slow")
//ulNode.hide(500);
//ulNode.toggle();
//ulNode.slideDown("slow");
//ulNode.slideUp();
ulNode.slideToggle();
changeIcon($(this).children("a"));
});
/*
$(".hmain .mx").hover(function(){
$(this).next("ul").slideDown();
},function(){
var ulNode = $(this).next("ul");
var timeoutId = setTimeout(function(){
ulNode.slideUp();
},300);
ulNode.hover(function(){
clearTimeout(timeoutId);
},function(){
$(this).slideUp();
});
});
*/
$(".hmain").hover(function(){
$(this).children("ul").slideDown();
changeIcon($(this).children("span").children("a"));
},function(){
$(this).children("ul").slideUp();
changeIcon($(this).children("span").children("a"));
});
/**
* 修改主菜单的指示图标
*/
function changeIcon(mainNode){
if(mainNode){
if(mainNode.css("background-image").indexOf("arrows.gif") >= 0){
mainNode.css("background-image","url('images/expanded.gif')");
}else{
mainNode.css("background-image","url('images/arrows.gif')");
}
}
}
});




















































djvc2008
2009/11/08 23:02:51 219楼
举报
楼主赶紧更新啊!!!!!!!!!!!
楼主赶紧更新啊!!!!!!!!!!!
楼主赶紧更新啊!!!!!!!!!!!
楼主赶紧更新啊!!!!!!!!!!!
楼主赶紧更新啊!!!!!!!!!!!
楼主赶紧更新啊!!!!!!!!!!!
楼主赶紧更新啊!!!!!!!!!!!
楼主赶紧更新啊!!!!!!!!!!!
楼主赶紧更新啊!!!!!!!!!!!
楼主赶紧更新啊!!!!!!!!!!!
楼主赶紧更新啊!!!!!!!!!!!
楼主赶紧更新啊!!!!!!!!!!!
楼主赶紧更新啊!!!!!!!!!!!
楼主赶紧更新啊!!!!!!!!!!!
楼主赶紧更新啊!!!!!!!!!!!
楼主赶紧更新啊!!!!!!!!!!!
楼主赶紧更新啊!!!!!!!!!!!
楼主赶紧更新啊!!!!!!!!!!!
楼主赶紧更新啊!!!!!!!!!!!
楼主赶紧更新啊!!!!!!!!!!!
楼主赶紧更新啊!!!!!!!!!!!
楼主赶紧更新啊!!!!!!!!!!!
楼主赶紧更新啊!!!!!!!!!!!
楼主赶紧更新啊!!!!!!!!!!!
楼主赶紧更新啊!!!!!!!!!!!
楼主赶紧更新啊!!!!!!!!!!!