THT DUYURU

chat
takipci
chat
Seçenekler

JAVA SCRIPT / Yazılara Degişik Bir Uygulama

'BozKurt - ait Kullanıcı Resmi (Avatar)
Üye
Üyelik tarihi:
07/2013
Nereden:
İstanbul
Mesajlar:
11.186
Konular:
3339
Teşekkür (Etti):
2228
Teşekkür (Aldı):
3017
Ticaret:
(0) %
0
648
05-06-2014 23:44
#1
Post
JAVA SCRIPT / Yazılara Degişik Bir Uygulama
Yazının Önce Küçük Bir Kısmını Gösterip Linke Tıklanması İle Tüm Hepsinin Görüntülenmesini Sağlayabileceğiniz Örnek Bir Javascrıpt Uygulaması.

Kod:
<script type="text/javascript">
/* This script and many more are available free online at
The JavaScript Source!! http://kanalbizim.tr.gg
Created by: Kanalbizim | http://www.kanalbizim.tr.gg/under: U.S. Copyright
**/
*
function FlipDisplay(d1,d2) {
**if(********.getElementById(d1).style.display == "none") {
************.getElementById(d1).style.display = "";
************.getElementById(d2).style.display = "none";
**} else {
************.getElementById(d1).style.display = "none";
************.getElementById(d2).style.display = "";
**}
}
</script>
*
*********
.testimonialNormalFlow { 
**border:1px #666666 dashed;
**padding:10px;
**width: 180px;
**font: .8em verdana, arial, helvetica, sans-serif;
}
*
p.testimonial {
**margin:0; 
**font-weight:bold; 
**background-color:#efefef; 
**padding:3px; 
**letter-spacing:3px;
**font-size:larger;
**text-align:center;
}
*
p.collapseTitle {
**margin:0;
**text-align:right;
**font-size: .8em;
**margin-top: -10px;
}
</style>
*
*
<!-- Start of testimonial container div -->
<div class="testimonialNormalFlow">
<p class="testimonial">Testimonial</p>
*
<!-- Start of collapsed content div -->
<div id="testimonialA">
<p>
Loved the script!
</p>
<p class="collapseTitle">
<a href="javascript:FlipDisplay('testimonialA','testimonialB')">[more ...]</a>
</p>
</div>
<!-- End of collapsed content div -->
*
<!-- Start of expanded content div -->
<div id="testimonialB" style="display:none;">
<p>
Really sweet!</p>
<p>
Cras lectus sociosqu platea diam ac. Eni ve sollicitudin rhoncus, justo pede aliquet, a, lectus urna quam.</p>
<p>
Eu porta mattis id nulla consequat vestibulum conubia dis. Nulla cubilia cras, id lacus eni risus ridiculus leo facilisi.</p>
<p>Laculis<br><a href="http://javascript.internet.com/">JavaScript Source</a></p>
<p class="collapseTitle">
<a href="javascript:FlipDisplay('testimonialA','testimonialB')">[close]</a>
</p>
</div>
<!-- End of expanded content div -->
*
</div>
<!-- End of testimonial container div -->
*
http://www.kanalbizim.tr.gg
kanalbizim@hotmail.com
--------------------- "En çok inandığımız şeyler, en az bildiklerimizdir."
- M.D. Montaigne.

Bookmarks


« Önceki Konu | Sonraki Konu »
Seçenekler