(function($) { $.fn.movebg = function(options) { var defaults = { width: 120, extra: 50, speed: 300, rebound_speed: 300 }; var defaultser = $.extend(defaults, options); return this.each(function() { var _this = $(this); var _item = _this.children("ul").find(".nav-item").children('a'); var origin = _this.children("ul").children("li.another").index(); var _mover = _this.find(".move-bg"); var hidden; if (origin == -1) { origin = 0; hidden = "1" } else { _mover.show() }; var cur = prev = origin; var extra = defaultser.extra; _mover.css({ left: "" + defaultser.width * origin + "px" }); _item.each(function(index, it) { $(it).mouseover(function() { cur = index; move(); prev = cur; }); }); _this.mouseleave(function() { cur = origin; move(); if (hidden == 1) { _mover.stop().fadeout(); } }); function move() { _mover.clearqueue(); if (cur < prev) { extra = -math.abs(defaultser.extra); } else { extra = math.abs(defaultser.extra) }; _mover.queue(function() { $(this).show().stop(true, true).animate({ left: "" + number(cur * defaultser.width + extra) + "" }, defaultser.speed), function() { $(this).dequeue() } }); _mover.queue(function() { $(this).stop(true, true).animate({ left: "" + cur * defaultser.width + "" }, defaultser.rebound_speed), function() { $(this).dequeue() } }); }; }) } })(jquery); $(function(){ $('.move-bg').css('width', $('.nav-item').outerwidth()); var movebgw = $('.move-bg').outerwidth(); $(".menubox").movebg({ width: movebgw, /*滑块的大小*/ extra: 40, /*额外反弹的距离*/ speed: 500, /*滑块移动的速度*/ rebound_speed: 400 /*滑块反弹的速度*/ }); $('.menubox ul li > ul > li').each(function () { $(this).find('dl').children('dd').length ? $(this).addclass('drop') : false; }) $('.header .menubox ul .nav-item > ul li > dl').css('left', movebgw) $('.menubox > ul > li').hover(function () { if($(this).hasclass('another')) { return false; } $(this).children('a').css('color', '#fff') $(this).siblings().children('a').css('color', '#fff') }, function () { if($(this).hasclass('another')) { return false; } $(this).children('a').css('color', '#fff') $(this).siblings('.another').children('a').css('color', '#fff') }) // 询盘 $('#xunpantext').hover(function() { var xunpantext = $(this).data('tiptitle'); $('#xunpantip').css({ top: $(this).outerheight(true) + 10 + 'px' }) $('#xunpantip').text(xunpantext) $('#xunpantip').addclass('xunpantextactive') }, function () { $('#xunpantip').removeclass('xunpantextactive') }) // form $('.messinput').focus(function () { $(this).prev().find('img').addclass('focus') }).blur(function () { $(this).prev().find('img').removeclass('focus') }) $('.submit-btn').on('click', function () { var kcontent = $('.xqcontent').val(); var kuser = $('.username').val(); var kphone = $('.usertel').val(); // var kemail = $('.useremail').val(); var reg = /(^(0[0-9]{2,3}\-)?([2-9][0-9]{6,7})+(\-[0-9]{1,4})?$)|(^((\(\d{3}\))|(\d{3}\-))?(1[3578]\d{9})$)|(^400[0-9]{7})/; if (kuser == "") { alert('姓名不能为空!') $(".username").focus(); return false; } if (kphone == "") { alert('号码不能为空!') $(".usertel").focus(); return false; } if(!reg.test(kphone)) { alert('号码填写有误!') $(".usertel").focus(); return false; } if (kcontent == "" || kcontent.length < 10) { alert('留言内容必须大于10字!') $(".xqcontent").focus(); return false; } $.post('/api/message.ashx?action=add', { "kcontent": '信息:' + kcontent , "kuser": kuser, "kphone": kphone, }, function (res) { if (res == '1') { alert("留言提交成功"); $('.xqcontent').val(''); $('.username').val(''); $('.usertel').val(''); }else { alert('留言提交失败') } }) }) })