• [织梦吧]唯一域名:www.dedecms8.com,织梦DedeCMS学习平台.

织梦吧 - dedecms,网站模板,建站教程,图片素材免费下载

DedeCMS视频教程
当前位置: 织梦吧 > 网页制作 > JavaScript >

10个很棒的jQuery代码片段

来源: www.dedecms8.com 编辑:织梦吧 时间:2012-02-06点击:
   

 

图片预加载


  1. 		(function($) {  
  2.   var cache = [];  
  3.   // Arguments are image paths relative to the current page.  
  4.   $.preLoadImages = function() {  
  5.     var args_len = arguments.length;  
  6.     for (var i = args_len; i--;) {  
  7.       var cacheImage = document.createElement('img');  
  8.       cacheImage.src = arguments[i];  
  9.       cache.push(cacheImage);  
  10.     }  
  11.   }  
  12.  
  13. jQuery.preLoadImages("image1.gif""/path/to/image2.png"); 

在新窗口打开链接 (target=”blank”)


  1. 		$('a[@rel$='external']').click(function(){  
  2.      this.target = "_blank";  
  3. });  
  4.  
  5. /*  
  6.    Usage:  
  7.    <a href="http://www.catswhocode.com" rel="external">catswhocode.com</a> 
  8. */ 

当支持 JavaScript 时为 body 增加 class


  1. 		/* 该代码只有1行,但是最简单的用来检测浏览器是否支持 JavaScript 的方法,如果支持 JavaScript 就在 body 元素增加一个 hasJS 的 class */ 
  2. $('body').addClass('hasJS'); 

平滑滚动页面到某个锚点


  1. 		$(document).ready(function() {  
  2.     $("a.topLink").click(function() {  
  3.         $("html, body").animate({  
  4.             scrollTop: $($(this).attr("href"
标签: jQuery
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
猜你也喜欢看这些...

热门TagS

About D8

  • ©2014 织梦吧(d8) DedeCMS学习交流平台
  • 唯一网址 www.DedeCMS8.com 网站地图
  • 联系我们 [email protected] ,  QQ