代码如下: Jquery 同辈元素选中/未选中效果 function selectchange(tempid) { var alink = $("#linktable").find("span"); alink.each(function () { $(this).removeClass("templinkactive").addClass("templink"); }); $("#alink" + tempid).removeClass("templink").addClass("templinkactive"); } ...
代码如下:jQuery(".fullSlide").hover(function() { jQuery(this).find(".prev,.next").stop(true, true).fadeTo("show", 0.5)},function() { jQuery(this).find(".prev,.next").fadeOut()});jQuery(".fullSlide").slide({ titCell: ".hd ul", mainCell: ".bd ul", effect: "fold", autoPlay: true, autoPage: true, trigger: "click", startFun: function(i) { var curLi = jQuery(".fullSlide...
适用浏览器：ie6、ie7、ie8、360、firefox、chrome、safari、opera、傲游、搜狗、世界之窗.主要代码如下： 代码如下: jquery(".slider .bd li").first().before( jquery(".slider .bd li").last() ); jquery(".slider").hover(function(){ jquery(this).find(".arrow").stop(true,true).fadein(300) },function(){ jquery(this).find(".arrow").fadeout(300) }); jquery(".slider").slide( { titcell:".hd ul", maincell:".bd ...
jQuery提供了强大的val()方法来处理value相关操作。获得单个select的值和多选select的值。 代码如下:HTML 代码: Single Single2 Multiple Multiple2 Multiple3jQuery 代码:$("p").append( "Single: " + $("#single").val() + " Multiple: " + $("#multiple").val().join(", "));结果:[ Single:SingleMultiple:Multiple, Multiple3]获取文本框中的值HTML 代码: 代码如下:jQuery 代码:$("input").val();结果:some text下面是...
代码如下:setTimeout("document.getElementById(qq_dd).style.display=block; ",5000);// JavaScript Document$(function(){ if($.browser.msie&&$.browser.version=="6.0"&&$("html")[0].scrollHeight>$("html").height()) $("html").css("overflowY","scroll"); $("html").css("overflowX","hidden");});function right_down(){document.writeln("")}right_down();$("#guanbi").click(function(){$("#my_img")....
如图： 代码如下: li{list-style:none;float:left;margin-right:10px;border:1px solid #AAAAAA} #tooltip{position:absolute;} $(function(){ var x = 10; var y = 20; $("a.tooltip").hover(function(){ var title = this.title; $("a.tooltip").attr("newTitle",this.title); this.title = ''; var $div = $(""+this.newTitle+""); $("body").append($div); $div.css({"position":"absolute","background":"silver"}).s...
代码如下:(function ($) { var types = [DOMMouseScroll, mousewheel]; $.event.special.mousewheel = { setup: function () { if (this.addEventListener) { for (var i = types.length; i;) { this.addEventListener(types[--i], handler, false); } } else { this.onmousewheel = handler; } }, ...
email地址验证代码如下:function checkEmail(){ var email=$.trim($("#report_email").val()); if(email == ""){ $("#report_email").next(p).html("*请输入邮箱地址!"); return false; } var re = /^([a-zA-Z0-9]+[_|_|.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|_|.]?)*[a-zA-Z0-9]+.[a-zA-Z]{2,3}$/ig; if(!re.test(email)){ $("#report_email").next(p).html("*邮箱地址格式错误!"); retu...
一、ready函数的实现经常用jQuery类库或其他类库中的ready方法，有时候想想它们到底是怎么实现的，但是看了一下jQuery中的源码，涉及到的模块比较多，(水平有限)代码比较难看懂；自己结合了一些书籍内容，总结一下。先说一下ready函数的实现思路：变量ready通过表达式赋值，右侧为一个自执行匿名函数，在这个匿名函数中，首先为各个浏览器的事件绑定处理函数，并为isReady赋值(根据事件异步处理程序来确定)，然后返回一个传参闭包，...
代码如下:jquery实现多级下拉菜单-柯乐义/* navigation style */#keleyi-com-nav{height: 39px;font: 12px Geneva, Arial, Helvetica, sans-serif;background: #2D2D2D;border: 1px solid #323232; border-radius: 3px;min-width:500px;margin-left: 0px;padding-left: 0px;} #keleyi-com-nav li{list-style: none;display: block;float: left;height: 40px;position: relative;border-right: 1px solid #323232;} #keleyi-...
代码如下:(function($) { var defaults = { bugColor: #FFCCCC, //数据有误的时候文本框颜色 color: white, //数据正确时候文本框颜色 type: "alert", //数据错误时候提示方式 alert 弹出框方式 text 赋值span html msg: "Msg", //数据有误的时候提示内容 ResOjId: no// 当test方式的时候 被赋值的标签 #id }; function UiProcess(options, rexString, object) { var options ...
代码如下:jQuery公告文字左右滚动效果-www.gxlcms.com #scrollText { width: 400px; margin-right: auto; margin-left: auto;}var ScrollTime;function ScrollAutoPlay(contID,scrolldir,showwidth,textwidth,steper){ var PosInit,currPos; with($('#'+contID)){ currPos = parseInt(css('margin-left')); if(scrolldir=='left'){ if(currPostextwidth){ css('margin-lef...
如下所示： 代码如下:$("#btn5").click(function() { var str=""; $("[name=checkbox][checked]").each(function() 用来获取数组{ str+=$(this).val()+","; 用来遍历数组 //alert($(this).val()); })
validata.htm 代码如下:无标题文档 em.success{ background:url("images/tips_arrow.gif") no-repeat left 0px; padding-left:16px; margin-left:2px; } em.error{ background:url("images/tips_arrow.gif") no-repeat left -51px; display:inline; padding-left:10px; font-style:normal; font-size:11px; margin-left:2px; font-family:12px/162% Arial, Helvetica, sans-serif; }validata.js 代码如下: $(function()...
sfdsfsddfsdf设置button在input的下方 $("#button").css("{top":$("#input").offset().top-$("#span2").offset().top+$("#input").height,position:"absolute"}); 这样舆论input在哪个位置button都在input的下边，同样可以运用到日历小插件在input文本框的下方 1、在jquery中offset().top是相对于body来说的，另外在设置top值的时候要找到与该元素最近的有相对值的元素 在js中可以这样写： 代码如下://取得HTML控件绝对位置Calenda...