Slick Quiz – jQuery Zeka Testi

12 Mart 2013 | Kategori: jQuery,Webmaster | Yazar: mintik

Slick Quiz eklentisi Julie Bellinson tarafından web sitenizde zeka testleri yapablmeniz için geliştirilmiş bir eklentidir. Verilen cevaplar sayfa yenilenmeden devam edilir ve test sonucunda yüzdelik oran kullanılarak öğrencinin zeka seviyesi bildirilir. Her soru bitiminde kullanıcının doğru yada yanlış girdiği sorulara karşılık ayrı ayrı cümleler ayarlayabiliyorsunuz. Benim hazırladığım örnekte rastgele sorular ve cevaplar bulunuyor yanlış hazırladığım sorular olabilir.

Download Slick Quiz – jQuery Zeka Testi

Demo Slick Quiz – jQuery Zeka Testi

Kullanım

Head etiketleri arasına eklemeniz gereken bölüm.

Css ve Js dosyaları :

	<script src="js/jquery-1.7.min.js"></script>
        <script src="js/slickQuiz-config.js"></script>
        <script src="js/slickQuiz.js"></script>
        <script src="js/master.js"></script>
        <link href="css/reset.css" media="screen" rel="stylesheet" type="text/css">
        <link href="css/slickQuiz.css" media="screen" rel="stylesheet" type="text/css">
        <link href="css/master.css" media="screen" rel="stylesheet" type="text/css">

Body etiketleri arasına eklemeniz gereken bölüm.

        <h1 class="quizName"><!-- where the quiz name goes --></h1>

        <div class="quizArea">
            <div class="quizHeader">
                <!-- where the quiz main copy goes -->

                <a class="button startQuiz" href="">Teste Başla</a>
            </div>

            <!-- where the quiz gets built -->
        </div>

        <div class="quizResults">
            <h3 class="quizScore"> Skorun : <span><!-- where the quiz score goes --></span></h3>

            <h3 class="quizLevel"><strong>Zeka Seviyen:</strong> <span><!-- where the quiz ranking level goes --></span></h3>

            <div class="quizResultsCopy">
                <!-- where the quiz result copy goes -->
            </div>
        </div>