Advertisement
Guest User

Untitled

a guest
Oct 23rd, 2016
62
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="utf-8" />
  5.     <title>Zadaca 2 - v</title>
  6.     <style type="text/css">
  7.         #box {
  8.             background: #66d3ff;
  9.             height: 70px;
  10.             width: 350px;
  11.             border: 2px gray solid;
  12.         }
  13.         .text {
  14.             font-weight: italic;
  15.             padding: 10px;
  16.             font-size: 25px;
  17.         }
  18.         button {
  19.             width: 100px;
  20.         }
  21.         p {
  22.             font-size: 14px;
  23.         }
  24.     </style>
  25.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  26. </head>
  27. <body>
  28.     <div id = "box">
  29.         <span class="text"><em>Големина на фонтот</em></span><br><br>
  30.         <center><button id="pocetna">Почетна</button>
  31.         <button id="zgolemi">Зголеми</button>
  32.         <button id="namali">Намали</button></center>
  33.     </div>
  34.     <h1>How to connect to the internet</h1>
  35.     <p id="p1">In other words, it’s possible to connect to the internet on an ever-increasing range of devices. Plus, there’s also quite a few different types of services that allow these devices to get online.
  36.     <br><br>
  37.     People’s choice over the various devices and means of getting online varies according to many factors, including lifestyle (whether they’re at home or out and about), how frequently they need to access the internet (everyday for a number of hours or just occasional use), the types of things they want to use the internet to do (catch up with email or download and watch films and tv programmes), and budget (internet access companies usually charge to use their services). </p>
  38.     <script type="text/javascript">
  39.         $(document).ready(function(){
  40.             var current = 14;
  41.             $("#zgolemi").click(function() {
  42.                 current *= 1.5;
  43.                 $('p').animate({
  44.                     fontSize: current + 'px'
  45.                 });
  46.             });
  47.             $('#namali').click(function() {
  48.                 current /= 1.5;
  49.                 $('p').animate({
  50.                     fontSize: current + 'px'
  51.                 });
  52.             });
  53.         });
  54.     </script>
  55. </body>
  56. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement