无法获得pagepeel效果

时间:2014-01-16 19:05:34

标签: javascript html animation

嘿伙计们正在尝试使用图像和jquery获取pagepeel效果

这里是js小提琴

pagePeel jsFiddle

我遇到的问题是无法正确获得pagepeel效果。     以下是html中的创意视图

      var page_peel_container=pagePeel.create('div',{'id':'page_peel_container'});
      var page_peel=pagePeel.create('div',{'id':'page_peel'},  {'width':'87px','height':'87px','position':'absolute','right':'0px','top':'0px','overflow':'hidden'});
      page_peel_container.appendChild(page_peel);
      var page_peel_img=pagePeel.create('img',
        {'id':'page_peel_img','width':'195','height':'195','border':'0','src':'http://www.laylagrayce.com/images/swatches/JY/grey_linen_sm.jpg'},
    {'position':'absolute',
     'height':'195px',
     'width':'195px',
          'zIndex':'9001',
          'top':'4px',
          'right':'25px',
           'webkitTransform':'rotate(45deg)',
           'transform':'rotate(45deg)',
           'msTransform':'rotate(45deg)',
             'filter':'progid:DXImageTransform.Microsoft.Matrix(sizingMethod=\'auto expand\')' 
 });

旋转图像,因为我应该能够点击iframe。否则图像就会出现在它上面。 请检查jsfiddle链接,让我知道如何正确获得pagepeel效果

0 个答案:

没有答案