Özellikle sitelerin sık sorulan sorular bölümlerinde çok işinize yarayacak açılır yazılar oluşturmak için aşağıdaki kodları herhangi bir metin editörüne yapıştırıp .html uzantısıyla kaydetmeniz yeterli. Örnekleri çoğaltarak istediğiniz kadar açılır yazı ekleyebilirsiniz.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 |
<meta http-equiv="content-type" content="text/html" charset=utf-8 /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> <style type="text/css"> .slideHeader {text-align:left; font-weight:bold; color:#000000;} .slideBody {margin-bottom:10px; padding:5px;text-align:left;background:#FFFFFF;display:none;height:auto;} </style> <script type="text/javascript"> $(document).ready(function(){ $("div.slidePanel").children( "div.slideHeader").mouseup(function(){ var body = $(this).parent().children("div.slideBody"); if(body.is(":hidden")) body.slideDown(); else body.slideUp(); }); }); </script> <div class="slidePanel"> <div class="slideHeader">Açılır Yazı</div> <div class="slideBody"> Açılır yazı içerği. </div> </div> <div class="slidePanel"> <div class="slideHeader">Açılır Yazı 2</div> <div class="slideBody"> Açılır yazı içeriği 2 </div> </div> |
AdBlock veya WindScribe tarzı bir reklam engelleyici kullandığınız için kodları göremiyorsunuz, https://oguzturk.net için reklam engelleyicileri kapatarak veya izin vererek kodları görüntüleyebilirsiniz.
0 0/5