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