使用jquery制作背景变化菜单

backgroundAnimate

jquery动画函数animate是不支持背景移动动画的,即无法对backgroundPosition进行处理,需要使用一个插件,这个插件名为jquery.backgroundPosition,接下来将使用这个插件,制作一个背景变化的菜单。 制作过程 1、创建如下html菜单结构 <ul>                 <li><a href="http://www.36ria.com/">首页</a></li>             &......

基础模板的缺陷—jquery插件开发进阶教程(2)

plugin-t

这个系列的第一篇教程明河讲述了:jquery插件开发规范,今天这篇教程明河将讲述jquery插件基础模板的缺陷。 在jquery插件实战教程,明河曾以Colortip文字提示插件,讲解了jquery插件的基础模板: (function($){     $.fn.插件名 = function(settings){          var defaultSettings = {                   }         /* 合并默认参......

实用jquery代码片段集合(下)

jquery-snippets-2

如何隐藏除了特定选择器下的全部对象 $(‘#target div:not(#exclude)’).hide();   //或者  $(‘#target’).children().filter(‘:not(#exclude)’).hide(); filter()起到过滤的作用。 寻找带有指定字符串的元素 var foundin = $(‘*:contains("明河")’); 获取垂直滚动距离 alert($(document).scrollTop()); scrollTop()非常实用的一个方法。 向表格追加一行数据 $(‘#myTable tr:last......

实用jquery代码片段集合(上)

jquery-snippets-1

加载google的jquery库 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 有利于加快加载速度(已经得到验证)。 修改图片src更新图片 $(imageobj).attr(‘src’, $(imageobj).attr(‘src’) + ‘?’ + Math.random() ); (这是很实用的技巧,曾经有人问明河,为什么他已经修改了图片的src,但图片没变化呢?原因在于缓......

jquery插件开发规范—jquery插件开发进阶教程(1)

jquery-1

在明河真正讲解jquery插件开发进阶教程前,明河觉得很有必要先来说明下jquery插件开发规范,这些规范是明河学习jquery时不断积累下来的,不一定完全正确,甚至于你在开始编写第一个jquery插件时,觉得这些规范毫无意义。如果你有一天编写jquery时突然发现这些规范很有用处,恭喜你,你的水平上升了一个层次! 一、请给你的代码加上注释 明河以前很不喜欢加注释,嫌太......