jquery漂亮的翻书效果应用于tp项目中

实现的效果：

前台代码：

主要实现的js:

$('.bookmark')
  .on('click', 'li', function() {
    var self = $(this),
    id = self.attr('data-id');
    $('.bookmark li')
      .removeClass('on')
    $(this)
      .addClass('on');
    var dids = $(this)
      .attr('dids');
    $.ajax({
      type: "post",
      url: '{:url("index/hq")}',
      async: true,
      data: {
        id: dids
      },
      success: function(msg) {
        var st = [];
        $('#pic')
          .attr('src', msg['data']['a_img']);
        $('#im1')
          .attr('src', msg['data']['a_img']);
        $('#im2')
          .attr('src', msg['data']['img']);
        st.push(msg['data']);
        creat_html(st)
      }
    })
  })