提高网站性能-从google服务器加载jquery

提高网站性能-从google服务器加载jquery

从google服务器加载jquery,可以提高网站性能? 事实上就是如此,通过Google的CDN服务来载入jquery库可以加快页面并行加载速度,减少加载延迟并获得更好的缓存。 英文说明:http://www.ajaxlines.com/ajax/stuff/article/_reasons_why_you_should_let_google_host_jquery_for_you.php <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script type="......

使用jquery的ui创建图片幻灯片

featured-content-slider

引入jquery、jquery-ui <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script> 创建如下html结构 <div id="featured" >      <ul class="ui-tabs-nav">          <li&......

ajax提交表单教程(jquery+php)

ajaxform

接下来的这个例子演示如何使用jquery以ajax的方式提交表单,当然更为关键的是实现其验证的过程。 来看其实现过程 创建一个表单 <div class="block">  <div class="done">  <b>Thank you !</b> We have received your message.    </div>      <div class="form">      <form method="post" action="process.php"......

使用jquery创建一个随鼠标滚动的垂直菜单

vertical-scrolling-menu

原文:http://valums.com/vertical-scrolling-menu/ 接下来我们来看如何使用jquery创建如上图的垂直菜单 创建如下html菜单结构 <div class="sc_menu_wrapper"> <div class="sc_menu"> <a title="Menu" href="#"><img src="img/1.jpg" alt="Menu"/></a> <a title="Navigation" href="#"><img src="img/2.jpg" alt="Navigation"/><......

[转]jquery插件简明制作教程

[转]jquery插件简明制作教程

这里通过制作一个jquery菜单插件,抛砖引玉说明如何创建jquery插件。 先来看下没有使用jquery插件机制,编写出来的代码。 $(document).ready(function() {   $(‘ul#menu li:even’).addClass(‘even’);   $(‘ul#menu li a’).mouseover(function() {      $(this).animate( { paddingLeft:"20px" }, { queue:false, duration:500 });   }).mouseout(function() {      $(th......