کد نمایش ادامه مطلب با یک کلیک

کد نمایش ادامه مطلب با یک کلیک با این کد شما میتوانید یک متن طولانی را در سایت خود به دو بخش تقسیم کرده که بخش کمتر ان در قسمت نمایشی و بخش دوم ان در قسمت ادامه مطلب  قرار داده که پس از کلیک روی ادامه مطلب  تمامی متن نمایش داده خواهد شد.این کد را میتوانید در صفحات جداگانه قالب و یا سایت خود استفاده نمایید.

کد نمایش ادامه مطلب با یک کلیک

دمو کد

<style>
input {  
background: none repeat scroll 0 0 #ff99ff;
border: 1px solid #3abec0;
border-radius: 3px;
color: #000000;
margin-right: 5px;
margin-top: 15px;
padding: 2px;
}
</style><center>
<span style="color:red;font-size:16px;"/>
نوشته شما 
<br></span>
<center><input type="button" value="نمایش ادامه مطلب"  style="font-family:Tahoma;" onclick="show();hide();"></center></div>
<div style="display:none;" id="showafter">
<center><br><b>

اینم متن ادامه نوشته شما

</div>
<script type="text/javascript">
function show(){document.getElementById("showafter").style.display="block";}
function hide(){document.getElementById("showbefore").style.display="none";}
</script><div style="display:none"><h1><a title="codebazan" href="https://codebazan.ir">codebazan</a></h1></div>

 

One comment

  1. سلام
    این کد فقط ادامه نوشته رو باز میکنه توانایی بستن نداره
    ی کد دیگه تو سایت هست سرچ کنی میاد اون هم قابلیت باز و بسته رو داره

    admin

امکان ارسال دیدگاه بسته شده است.