zoukankan      html  css  js  c++  java
  • 飞入购物车功能

    最近开发无形的系统,做飞入购物车的功能

    抛物线飞入购物车

    引用插件http://www.jq22.com/jquery-info4560

    $(function() {
        var offset = $("#end").offset();  //结束的地方的元素
        $(".btn-smb").click(function(event){   //是$(".btn-smb")这个元素点击促发的 开始动画的位置就是这个元素的位置为起点
            var addcar = $(this);
            var img = addcar.parentsUntil("li").find('img').attr('src');
            var flyer = $('<img class="u-flyer" src="'+img+'">');
            flyer.fly({
                start: {
                    left: event.pageX,
                    top: event.pageY
                },
                end: {
                    left: offset.left+10,
                    top: offset.top+10,
                     0,
                    height: 0
                },
                onEnd: function(){
                    $("#msg").show().animate({ '250px'}, 300).fadeOut(1000);
    //按钮变成禁用 addcar.css(
    "cursor","default").attr("disabled","disabled").unbind('click');
    //数字+1 $(
    "#num").html(parseInt($("#num").html())+1);
    //按钮文字变成一已预订 addcar.text(
    "已预定"); this.destory(); } }); }); });
  • 相关阅读:
    Dubbo使用
    JVM内存分配及GC简述
    深入理解ThreadLocal
    Java的Timer定时器
    https与http的区别
    SpringBoot微服务
    Java的BIO,NIO,AIO
    Java常量池
    Java中的值传递与引用传递
    面向对象三大特征及代码优化七大原则
  • 原文地址:https://www.cnblogs.com/rong88/p/7600741.html
Copyright © 2011-2022 走看看