Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/449.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 无法获得页面剥离效果_Javascript_Html_Animation - Fatal编程技术网

Javascript 无法获得页面剥离效果

Javascript 无法获得页面剥离效果,javascript,html,animation,Javascript,Html,Animation,嘿,伙计们,我正在尝试使用图像和jquery获得页面剥离效果 这里是它的js小提琴 我的问题是,我不能得到正确的页面剥离效果。 下面是它在html中的创造性视图 var page_peel_container=pagePeel.create('div',{'id':'page_peel_container'}); var page_peel=pagePeel.create('div',{'id':'page_peel'}, {'width':'87px','heigh

嘿,伙计们,我正在尝试使用图像和jquery获得页面剥离效果

这里是它的js小提琴

我的问题是,我不能得到正确的页面剥离效果。 下面是它在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。否则,图像将位于其顶部。 请检查JSFIDLE链接,让我知道如何正确获得页面剥离效果