)
Merhaba,
CodePen üzerinde aklıma gelince ufak bir örnek kodladım.
Html Kodları:
Css Kodları:
Javascript Kodları:
Çalışmanın Görüntüsü:
CodePen üzerinde aklıma gelince ufak bir örnek kodladım.
Html Kodları:
Kod:
<div class="text"><marquee>test</marquee></div>
<div id="editor">
<h4>Düzenleyici</h4>
<button id="show">Düzenleyiciyi Aç </button>
<div class="hide alt">
<input type="text" id="textIn">
<button id="edit">Düzenle</button>
</div>
</div>Kod:
.text {
font-size: 22px;
font-weight : bold;
color: red
}
#editor {
margin: 50px;
border: 1px solid #ddd;
font-size: 18px;
padding: 10px 10px;
border-radius: 15px;
width : 300px
}
.center {text-align : center}
.hide {display: none;}
input { padding : 5px; box-sizing : border-box }
marquee {margin-top 20px}Kod:
$("#show").click(function (e){
$(".alt").removeClass("hide");
$(this).addClass("hide");
$("#textIn").val($(".text > marquee").html());
});
$("#edit").click(function (e){
$(".text > marquee").html($("#textIn").val());
});