如何在动画中显示jQuery.show()

时间:2014-01-30 10:01:11

标签: javascript jquery html css

在此代码中,当我点击按钮时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>

3 个答案:

答案 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