1
我想输入一条消息,然后当点击提交按钮调用'shoot'时,它将显示在屏幕的右侧。不过,我希望文字从右至左进行动画/滑动。 我该怎么做?追加div元素,然后使用JQUERY从右到左动画
$('.submmit').click(function() {
var c = "<div class='movethis' class='width: 40px;height: 50px;position: absolute;right: 0;'>" + $(".mytxt").val() + "</div>";
$(".putbullet").append(c).animate({ "left": "0px" }, "slow");
$(".movethis").animate({ "left": "0px" }, "slow");
$(".movethis").css('right', '');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
<input type="text" name="txt" class="mytxt">
<input type="button" class="submmit" value="Shoot">
</div>
<div class="areaofcontent" style="width:68%;float:right; background-color:#eee;height:400px;overflow-y:scroll;">
<div class="putbullet"></div>
</div>
有一个错字:'类='宽度:'。应该是'style ='width:'[JSFiddle](https://jsfiddle.net/3wq54apd/) – Rajesh
在文本框内滑动? – Sharmila