Javascript 无法获得页面剥离效果
嘿,伙计们,我正在尝试使用图像和jquery获得页面剥离效果 这里是它的js小提琴 我的问题是,我不能得到正确的页面剥离效果。 下面是它在html中的创造性视图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
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链接,让我知道如何正确获得页面剥离效果