您好,欢迎来到jQuery吧!QQ群:193687763(钱端开发)

jQuery吧-Write Less, Do More | 注重前端开发

  • 易迅商城网站新品首发jQuery焦点图效果

    易迅商城网站新品首发jQuery焦点图效果

    易迅商城网站新品首发jQuery焦点图效果
    20150408140300
    部分jquery代码

    <script type="text/javascript" src="js/jqueryba.js"></script><script type="text/javascript"> $(function() { var $window = $(window), window_width = $window.width(); $('#js_banner, #js_banner_img li').width(window_width); var urlParam = G.util.parse.url(), startFrame = 0; if (urlParam.search && ('banner' in urlParam.search)) { startFrame = (parseInt(urlParam.search['banner']) - 1) || 0; } new $.Tab({ /*添加圆点按钮*/ target: $('#js_banner_img li'), effect: 'slide3d', animateTime: 1000, stay: 4000, playTo: startFrame, autoPlay: true, merge: true, prevBtn: $('#js_banner_pre'), nextBtn: $('#js_banner_next') }); $('#js_banner_img').css('left', '-' + (window_width * startFrame) + 'px'); })</script>

    下载地址
    预览地址

  • hao123军事频道首页JQ焦点图特效

    hao123军事频道首页JQ焦点图特效

    hao123军事频道首页JQ焦点图特效
    20150416224338
    部分 jQuery代码

    !function(t) { t("div[data-scro='controler'] b,div[data-scro='controler2'] a").click(function() { var a = t(this); return "down" == a.attr("class") ? !1 : (n.st({ findObject: a, main: a.parent().parent().find("div[data-scro='list']"), pagSource: a.parent().parent().find("div[data-scro='controler'] b"), className: "down", duration: "slow", on: "A" == t(this)[0].tagName ? !0 : !1 }), !1) }); var a = "", e = !0, n = { init: function() { this.start(), this.time() }, st: function(t) { e && (this.animate(t.findObject, t.main, t.className, t.duration, t.pagSource, t.on), e = !1) }, animate: function(a, i, o, r, s, c) { var d = c ? s.parent().find("*[class='" + o + "']") : a.parent().find(a[0].tagName + "[class='" + o + "']"), l = d.index(), u = c ? "next" == a.attr("class") ? l + 1 : l - 1 : a.index(), f = i.find(".item"), m = 1; d.removeClass(o), c ? ( - 1 == u && (u = f.size() - 1), u == f.size() && (u = 0), s.eq(u).addClass(o)) : a.addClass(o), ("prev" == a.attr("class") || l > u) && (m = !1), ("next" == a.attr("class") || u > l) && "prev" != a.attr("class") && (m = !0), m ? "": f.eq(u).css("left", -i.width()), f.eq(l).animate({ left: m ? -i.width() : i.width() }, r, function() { t(this).removeAttr("style"), e = !0 }); var v = f.eq(u).find("img"); n.eachimg(v), f.eq(u).animate({ left: "0px" }, r) }, start: function() { t("#focus_image div[data-scro='controler'] b,#focus_image div[data-scro='controler2'] a").mouseover(function() { window.clearInterval(a) }).mouseout(function() { n.time() }) }, time: function() { a = window.setInterval(function() { var a = t("#focus_image div[data-scro='controler'] *[class='down']").index(), e = t("#focus_image div[data-scro='list'] .item"); e.eq(a).animate({ left: -t("#focus_image div[data-scro='list']").width() }, "slow", function() { t(this).removeAttr("style"), t("#focus_image div[data-scro='controler'] b").removeClass("down").eq(a).addClass("down") }), a++, a == e.size() && (a = 0); var i = e.eq(a).find("img"); n.eachimg(i), e.eq(a).animate({ left: "0px" }, "slow") }, 4e3) }, eachimg: function(a) { t.each(a, function(a, e) { var e = t(e); e.attr("src") != e.attr("data-src") && void 0 != e.attr("data-src") && e.attr("src", e.attr("data-src")) }) } }; t("a").click(function() { t(this).blur() }), n.init()} (this.jQuery || this.baidu),function(t) { t("div[log-type]").bind("mousedown", function(e) { var n = t(this).attr("log-type"), i = t(this).attr("id"), e = e || window.event, o = e.srcElement || e.target; ("A" == o.tagName.toUpperCase() && n || "A" == o.parentNode.tagName.toUpperCase() && n) && a.send(n, i) }); var a = { send: function(t, a) { var e = "s_" + new Date / 1, n = window[e] = new Image; n.onload = n.onerror = function() { window[e] = null }, n.src = "../images/track.gif?level=2&page=hao123-erji-junshi&id=" + a + "&type=module-click&area=" + encodeURIComponent(encodeURIComponent(t)) + "&v=" + new Date / 1, n = null } }, e = t("#news").attr("resource"); e && a.send(e, "junshi")} (this.jQuery),function() { var t = $("#redianpinglun .box"), a = t.size(), e = 0; $("#change_btn").on("click", function() { e != a - 1 ? e++:e = 0; var n = t.eq(e).find("img"); t.hide().eq(e).fadeIn("fast"), n.attr("src", n.attr("data-src")) })} (jQuery);

    下载地址
    预览地址

  • jQuery左侧圆形左右按钮图片焦点图切换特效

    jQuery左侧圆形左右按钮图片焦点图切换特效

    jQuery左侧圆形左右按钮图片焦点图切换特效
    20150416222158
    部分jQuery代码

    <script src="js/jquery-1.9.1.js"></script><script src="js/jquery.easing.1.3.js"></script><script src="js/jquery-migrate-1.1.1.js"></script><script src="js/jquery.equalheights.js"></script><script src="js/tms-0.4.1.js"></script><script> $(window).load(function() { $('.slider')._TMS({ show: 0, pauseOnHover: false, prevBu: '.prev', nextBu: '.next', playBu: false, duration: 800, preset: 'random', pagination: false, //'.pagination',true,'<ul></ul>' pagNums: false, slideshow: 8000, numStatus: false, banners: true, waitBannerAnimation: false, progressBar: false }); });</script>

    下载地址
    预览地址

  • 响应式图片切换jQuery焦点图选项卡特效

    响应式图片切换jQuery焦点图选项卡特效

    响应式图片切换jQuery焦点图选项卡特效
    20150416220544
    部分jquery代码

    $(".slider-scroll").hover(function() { clearInterval($picTimer);},function() { $picTimer = setInterval(function() { if (index == $len - 1) { index = 0; } else { index += 1; } $("#" + $objId).find("ul li").removeClass("on"); $("#" + $objId).find("ul li").eq(index).addClass("on"); $("#" + $showArea).find("img").css({ "display": "none", "opacity": "0.3" }); $("#" + $showArea).find("img").eq(index).css({ "display": "block" }).stop(true, false).animate({ "opacity": "1" }, 500); }, opts.interval); // 自动播放的间隔,单位:毫秒 }).trigger("mouseleave");function showimg(index) { if (index == $len) { index = 0; } $("#" + $objId).find("ul li").removeClass("on"); $("#" + $objId).find("ul li").eq(index).addClass("on"); $("#" + $showArea).find("img").css({ "display": "none", "opacity": "0.3" }); $("#" + $showArea).find("img").eq(index).css({ "display": "block" }).stop(true, false).animate({ "opacity": "1" }, 500); index += 1;}

    下载地址
    预览地址

  • 搜狐畅言网站jQuery全屏幻灯片特效

    搜狐畅言网站jQuery全屏幻灯片特效

    搜狐畅言网站jQuery全屏幻灯片特效
    20150409162546
    部分jquery代码

    function carouselNext() { var cur_cursor = jQuery('#carousel_point li.libg').removeClass('libg'); var cur_img_turn = parseInt(cur_cursor.attr('turn')); var next_img_turn; if (cur_img_turn == 5) { next_img_turn = 1; } else { next_img_turn = cur_img_turn + 1; } var next_cursor = jQuery('#carousel_point li[turn=' + next_img_turn + ']'); next_cursor.addClass('libg'); carousel(next_img_turn);}function carouselPrevious() { var cur_cursor = jQuery('#carousel_point li.libg').removeClass('libg'); var cur_img_turn = parseInt(cur_cursor.attr('turn')); var previous_img_turn; if (cur_img_turn == 1) { previous_img_turn = 5; } else { previous_img_turn = cur_img_turn - 1; } var previous_cursor = jQuery('#carousel_point li[turn=' + previous_img_turn + ']'); previous_cursor.addClass('libg'); carousel(previous_img_turn);}

    下载地址
    预览地址

jQuery吧-Write Less, Do More | 注重前端开发

jQuery吧-Write Less, Do More | 注重前端开发

Copyright © 2013 jqueryba.com, All Rights Reserved.奔跑在阿里云

免责声明:本站所有内容来源于互联网。如果本站部分内容侵犯您的权益,请您告知,站长会立即处理 苏ICP备12059471号

站内所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!