在此代码中,当我点击按钮时DIV显示为从左上角翻转。
$( "#mybutton" ).click(function() {
$( "#mydiv" ).show("slow");
});
<input type="submit" value="click" id="mybutton" />
<div id="mydiv" style="height:50px; width:50px; background-color:#000; display:none;">test</div>
如何在以下场景中获得同样的效果?
$(document).ready(function () {
window.showim = function(src) {
$("#divcont1").html(src);
};
});
我尝试过像但它无效
$(document).ready(function () {
window.showim = function(src) {
$("#divcont1").html(src).show('slow');
};
});
HTML代码
<span class="spcusr" onclick="showim('<h1>I should be displayed now</h1>');">PARIS</span>
<div id="divcont1"></div>
答案 0 :(得分:1)
你期待的剧本?如果这是错的,请原谅我,
$(document).ready(function () {
window.showim = function(src) {
$("#divcont1").hide().html(src).show('slow');
};
});
答案 1 :(得分:0)
$("#divcont1").html(src).slideToggle();
或
$("#divcont1").html(src).slideToggle('slow');
答案 2 :(得分:0)
你可以使用jquery animate api:.animate() | jQuery API Documentation