Heim > Artikel > Web-Frontend > Implementierung von Textfeld-Skalierungs- und Auf- und Abwärtsbewegungsfunktionen basierend auf jQuery_jquery
Implementierung von Textfeld-Skalierungs- und Auf- und Abwärtsbewegungsfunktionen basierend auf jQuery_jquery
- WBOYOriginal
- 2016-05-16 16:30:291735Durchsuche
Wenn Sie Ihre Webseite cooler und Ihre Kommentare interaktiver gestalten möchten, lesen Sie diesen Code bitte sorgfältig durch.
jQuery-Code:
Code kopieren Der Code lautet wie folgt:
$(function(){
var $comment = $('#comment'); $('.bigger').click(function(){
If(!$comment.is(":animated")){
If($comment.height() < 500){
//$comment.height($comment.height() 50);
$comment.animate({height:" =50"},400); } });
$('.smaller').click(function(){
If(!$comment.is(":animated")){
If($comment.height() > 50){
//$comment.height($comment.height() - 50);
$comment.animate({height:"-=50"},400); });
$('.up').click(function(){
If(!$comment.is(":animated")){
$comment.animate({scrollTop:"-=50"},400
});
$('.down').click(function(){
If(!$comment.is(":animated")){
$comment.animate({scrollTop:" =50"},400); });
});
HTML-Code:
Code kopieren
& Lt; span class = "größer" & gt; vergrößern & lt;/span & gt;
& Lt; span class = "kleiner" & gt; Reduktion & lt;/span & gt;
& Lt; span class = "up" & gt; up & lt;/span & gt;
Down >