API tools faq
paste
Advertisement
Vprento

Interaktivni Aplikacii moj kod

Vprento
Nov 18th, 2018
151
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.73 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.     <head>
  3.         <meta charset="utf-8" />
  4.         <title> Колоквиумска Решение</title>
  5.         <script type="text/javascript" src="jquery/jquery.js"></script>
  6.         <script type="text/javascript" src="jquery/jquery-ui.js"></script>
  7.         <style>
  8.                 ul {
  9.                     margin-left: 400px;
  10.                    }
  11.                 li {list-style: none;
  12.                    
  13.                     display: inline;
  14.                     font-size: 30px;
  15.                     padding-right: 70px;
  16.                     padding-left: 70px;
  17.                     background-color: aqua;
  18.                    }
  19.                 li:hover {
  20.                 border: 2px solid blue;
  21.                          }
  22.                 a{
  23.                     text-decoration: none;
  24.                  }
  25.                 #curr, #arch, #upcom{
  26.                     display: none;
  27.                 }
  28.                 #br1 , #br2 , #br3 {
  29.                     font-weight: bold;
  30.                     font-size: 20px;
  31.                 }
  32.                 #friends , #connect , #more {
  33.                display: none;
  34.             }
  35.         </style>
  36.          <script>
  37.        
  38.             $( document ).ready(function()
  39.             {
  40.                 $("#li1").click(function() {   $( "#curr" ).toggle();
  41.                                                 $("#arch").hide();  
  42.                                                 $("#upcom").hide(); });
  43.                 $("#li2").click(function() {   $( "#arch" ).toggle();
  44.                                                 $("#curr").hide();  
  45.                                                 $("#upcom").hide(); });
  46.                 $("#li3").click(function() {   $( "#upcom" ).toggle();
  47.                                                 $("#arch").hide();  
  48.                                                 $("#curr").hide(); });
  49.  
  50.                 $("#br1").click(function(){
  51.                     $("#friends").toggle();
  52.                 });
  53.                 $("#br2").click(function(){
  54.                     $("#connect").toggle();
  55.                 });
  56.                 $("#br3").click(function(){
  57.                     $("#more").toggle();
  58.                 });
  59.             });
  60.            
  61.             </script>
  62.     </head>
  63.     <body>
  64.    
  65.     <nav>
  66.         <ul>
  67.             <li id="li1"><a href="#">Current</a></li>
  68.             <li id="li2"><a href="#">Archived</a></li>
  69.             <li id="li3"><a href="#">Upcoming</a></li>
  70.         </ul>
  71.     </nav>
  72.    
  73.     <div id="curr">
  74.     <img src="podatoci_gr1\1_ml.png"/>Stanford University <br> Machine Learning<br><br>
  75.     <img src="podatoci_gr1\2_brain_icon.jpg"/>Duke University <br> The Brain and Space<br><br>
  76.     <img src="podatoci_gr1\3_StatReason1.jpg"/>Johns Hopkins University <br> Statistical Reasoning for Public Health 1: Estimation, Inference, & Interpretation<br><br>
  77.    </div>
  78.  
  79.    <div id="arch">  
  80.    <img src="podatoci_gr1\4_fmri1.png" /> Johns Hopkins University<br>
  81.    Statistical Analysis of fMRI Data<br>
  82.    <img src="podatoci_gr1\5_mmds_logo2.png" />Stanford University<br>
  83.    Mining Massive Datasets<br>
  84.    <img src="podatoci_gr1\6_cn.png" />University of Washington<br>
  85.    Computational Neuroscience<br>
  86.    <img src="podatoci_gr1\7_Rprogramming.jpg" />Johns Hopkins University<br>
  87.    R Programming<br>
  88.    </div>    
  89.        
  90.    <div id="upcom">  
  91.    <img src="podatoci_gr1\8_statreasoning2.png" /> Johns Hopkins University<br>
  92.    Statistical Reasoning for Public Health 2: Regression Methods<br>
  93.    <img src="podatoci_gr1\9_clinicalneurologylogocropped.jpg" />University of California, San Francisco<br>
  94.    Introduction to Clinical Neurology<br>
  95.    <img src="podatoci_gr1\10_RegressionModels.jpg" />Johns Hopkins University<br>
  96.    Regression Models<br>
  97.    <img src="podatoci_gr1\11_fdivp.jpg" />Northwestern University<br>
  98.    Fundamentals of Digital Image and Video Processing<br>
  99.    <img src="podatoci_gr1\12_.png" />Duke University<br>
  100.    Image and video processing: From Mars to Hollywood with a stop at the hospital<br>
  101.    </div>
  102.  
  103.    <div id="br1">Friends</div>
  104.                <div id="friends">
  105.                    Partners <br>
  106.                    Programs <br>
  107.                  Developers <br>
  108.                  Translate <br>
  109.                </div>
  110.    <div id="br2">Connect</div>
  111.               <div id="connect">
  112.                Google+<br>
  113.                Twitter<br>
  114.                Facebook<br>
  115.                Blog<br>
  116.                Tech Blog<br>
  117.                </div>
  118.    <div id="br3">More</div>
  119.                <div id="more">
  120.                Terms<br>
  121.                Privacy<br>
  122.                Help<br>
  123.                Contact<br>
  124.                </div>
  125.    </body>
  126.  
  127. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!