一、隔行换色 $("tr:odd").css("background-color","#eeeeee"); $("tr:even").css("background-color","#ffffff"); 或者一行搞定： $("table tr:nth-child(odd)").css("background-color","#eeeeee"); :nth-child 匹配其父元素下的第N个子或奇偶

/*滑过图片出现放大镜效果*/ $(function () { $(".content_right .prolist ul li").each(function (index) { var position = $(this).position(); var li_left = position.left; var li_top = position.top; var img_width = $(

//设置单选下拉框选中 $("input:eq(0)").click(function () { $("#single option").removeAttr("selected"); //移除属性selected $("#single option:eq(1)").attr("selected", true); //设置属性selected }); //设置多选下拉框选中 $("input:eq

这个功能很常见，在网站底部添加一个让访客快速回到页面顶部的功能，下面是实现这个功能的示例代码： // HTML: // <h1 id="anchor">Lorem Ipsum</h1> // <p><a href="#anchor" class="topLink">Back to Top</a></p> $(document).ready(function() { $("a.topLink").c

/** * 鼠标移上去显示层 * @param divId 显示的层ID * @returns */ $.fn.myHoverTip = function(divId) { var div = $("#" + divId); //要浮动在这个元素旁边的层 div.css("position", "absolute");//让这个层可以绝对定位 var self = $(this); //当前对象

有些网站的网页内容不是一次性加载完毕的，而是在鼠标向下滚动时动态加载的，这是怎么做到的呢？看下面代码： var loading = false; $(window).scroll(function(){ if((($(window).scrollTop()+$(window).height())+250)>=$(document).height()){ if(loading == false){

此方法传入2个参数，一个是被检索内容所在的表单或者HTML元素的ID，另一为关键字，多个关键字的话，以空格隔开，下边直接上代码分享给大家： /*关键词检索高亮标出 *param idHtmlContent 需要检索的HTML内容ID *param keyword 关键字，多个以空格隔开 */ function keywordHighlight(idHtmlContent,keyword) { va

<script> $(function () { var img = new Image(); $(img).load(function () { $(this).hide(); $('#loader').removeClass('loading').append(this); $(this).fadeIn(); }).error(function () { // notify the user

js： <input type="button" id="btn" value="免费获取验证码" /> <script type="text/javascript"> var wait=60; function time(o) { if (wait == 0) { o.removeAttribute("disabled"); o.value="免费获取验证码"; wait = 60; } els

var loading = false; $(window).scroll(function () { if ((($(window).scrollTop() + $(window).height()) + 250) >= $(document).height()) { if (loading == false) { loading = true; $('#loadingbar').css("di

function freezeTable(table, freezeRowNum, freezeColumnNum, width, height) {   if (typeof(freezeRowNum) == 'string')     freezeRowNum = parseInt(freezeRowNum)         if (typeof(freezeColumnNum) == 'st

插件代码，将样式集成进去了 (function ($) { $.extend({ _isalert:0, alert:function(){ if(arguments.length){ $._isalert=1; $.confirm.apply($,arguments); } }, confirm:function(){ var args=arguments; if(args.length&&(t

第一次尝试这样封装函数，有不对的地方请大家指正，谢谢！ 代码如下： html部分： <div class="div1">  <div class="right-div2">      <div class="right-div3"></div>     </div>     <div class="left-div2">      <div class="left-div3"></div>    

My97DatePicker是一个非常优秀的日历插件，不仅支持多种调用模式，还支持日期范围限制。 新建文本文档.txt 1）静态限制 你可以给通过配置minDate(最小日期),maxDate(最大日期)为静态日期值,来限定日期的范围 示例1.1：限制日期的范围是 2012-12-1到2012-12-20 <input class="Wdate" id="d2" onfocus="WdatePic

，输入框里的值又会恢复成默认值，如果往输入框里输入了新值，则输入框的值为新输入的值。这种特效用JQuery很容易实现： $("#searchbox") .focus(function(){$(this)

charset=UTF-8"/>