0
试图让淡入/隐藏在镀铬工作,当运行该代码在Chrome冻结浏览器,但它工作在IE10和Firefox,基本上是一个简单的div滚动关闭屏幕和淡出,任何帮助,将不胜感激。此外,动画之后,div会回到原来的位置,因此我淡出的原因(它看起来更干净)。淡出和隐藏崩溃铬
jQuery.noConflict();
jQuery('.dildobox').click(function() {
var v = document.getElementsByTagName("audio")[0];
v.play();
jQuery("div.dildobox").html('<img src="images/dildo/standstillhop.gif" alt="" />');
jQuery(this).animate({
left: '-700px',
}, 3000);
jQuery("div#dildodialog").fadeIn(1500).dialog({
buttons: {
"Yeah, Baby!": function() {
jQuery("div#dildodialog").dialog("close");
}
}
}).prev().find(".ui-dialog-titlebar-close").hide();
jQuery("div.dildobox").fadeOut(500);
});
CSS如下:
#dildocache{height:1px;width:1px;display:inline-block;}
#dildocontainer {height: 10px;margin: 0;padding: 0;position: relative;width: 10px;}
.dildo{display:inline-block;height: 50px;width: 50px;position:absolute;}
.dildobox {
font-size: 50px;
height: 71px;
position: relative;
text-align: center;
width: 34px;
}
#dildodialog{font-weight: bold;text-align:center;background: url("../images/dildobg.png") repeat scroll 50% top #f8f8f8;color:#000;}
.ui-dialog-buttonset .ui-button-text-only, .ui-widget-header{background: none repeat-x scroll 50% 50% #ad0401!important; color:#fff;}
.ui-dialog-buttonpane{background: none repeat scroll 50% 50% #ad0401!important;}
/* Dildo Page Specific Placements */
.moduletablewelcomedildo #dildocontainer{left: 275px;top: -30px;}
和HTML:
<div id="dildocache">
<img src="images/dildo/standstillhop.gif" alt="standstillhop" width="1" height="1" style="visibility:hidden;"/></div>
<div id="dildodialog" title="Where's Dildo?" style="display:none;">
<p>Congratulations! You've found one but there's more to find!<br/>Keep poking around!</p>
</div>
<div id="dildocontainer">
<div id="dildobox2" class="dildobox"><img src="images/dildo/smalldildo.png" alt="" /></div>
</div>
<audio src="http://www.accentuateit.com.au/addon_domains/allowe/images/dildo/yeahbaby.ogg"></audio>
你,嗯,肯定好像很喜欢你的阳具。 – j08691
没有崩溃[的jsfiddle](http://jsfiddle.net/BlackSRC/Eb3Q8/) –
哈哈我在等待一个假阴茎笑话;)哈哈。 – user2233092