JavaScript客户端框架.pptxVIP

JavaScript客户端框架;;;1.几个案例;2）基于jQuery焦点图片新闻代码（JS+CSS）;;4）jquery插件合集之图片裁剪;2.JQuery概述;jQuery 库 - 特性;版本演进：;;;3.JQuery的简单应用;实例 ;4.把 jQuery 添加到您的网页;;5.如何使用jQuery Intellisense ;6.一些案例;!DOCTYPE html html head script src=///ajax/libs/jquery/1.8.3/jquery.min.js/script script type=text/javascript $(document).ready(function(){ $(#hide).click(function(){ $(p).hide(); }); $(#show).click(function(){ $(p).show(); }); }); /script /head body p id=p1如果点击“隐藏”按钮，我就会消失。/p button id=hide type=button” 隐藏/button button id=show type=button显示/button /body /html ;!DOCTYPE html html head script src=///ajax/libs/jquery/1.8.3/jquery.min.js/script script $(document).ready(function(){ $(button).click(function(){ $(#div1).fadeIn(); $(#div2).fadeIn(slow); $(#div3).fadeIn(3000); }); }); /script /head body p演示带有不同参数的 fadeIn() 方法。/p button点击这里，使三个矩形淡入/button brbr div id=div1 style=width:80px;height:80px;display:none;background-color:red;/div br div id=div2 style=width:80px;height:80px;display:none;background-color:green;/div br div id=div3 style=width:80px;height:80px;display:none;background-color:blue;/div /body /html ;!DOCTYPE html html head script src=///ajax/libs/jquery/1.8.3/jquery.min.js/script script $(document).ready(function(){ $(button).click(function(){ $(#div1).fadeToggle(); $(#div2).fadeToggle(slow); $(#div3).fadeToggle(3000); }); }); /script /head body p演示带有不同参数的 fadeToggle() 方法。/p button点击这里，使三个矩形淡入淡出/button brbr div id=div1 style=width:80px;height:80px;background-color:red;/div br div id=div2 style=width:80px;height:80px;background-color:green;/divbr div id=div3 style=width:80px;height:80px;background-color:blue;/div /body /body /html ;附加：单独文件中的函数;;一、几个常用动画函数;1.;1）;script src=///ajax/libs/jquery/1.8.3/jquery.min.js/script script type=text/javascript $(document).ready(function(){ $(.flip).click(function(){ $(.panel).slideDown(slow); }); }); /script style type=text/css div.panel,p.flip { margin:0px; padding:5px; text-align:center;