შესვლა

დასახელება: მორბენალი სტრიქონი
ავტორი: lazara
ძრავა: ყველა

აღწერა: ეს არის მორბენალი სტრიქონი თქვენი საიტისათვის იმედია მოგეწონებათ

Code
<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
  <title>მორბენალი სტრიქონი | gelesson.net</title>
  <link rel="shortcut icon" href="/favicon.ico" />
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  <style>
  .string{
  width:600px;
  height:30px;
  margin:60px auto;
  line-height:28px;
  padding: 0 10px;
  border-radius:4px;
  box-shadow:0 1px 2px #777;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  background: rgb(238,238,238);
  background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1)));
  background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
  background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
  background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
  background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
  }  
  </style>
  <script type="text/javascript">
  $(function() {

  var marquee = $("#marquee");  
  marquee.css({"overflow": "hidden", "width": "100%"});

  // span (IE inline-block)
  marquee.wrapInner("<span>");
  marquee.find("span").css({ "width": "50%", "display": "inline-block", "text-align":"center" });  
  marquee.append(marquee.find("span").clone()); // span  

  marquee.wrapInner("<div>");
  marquee.find("div").css("width", "200%");

  var reset = function() {
  $(this).css("margin-left", "0%");
  $(this).animate({ "margin-left": "-100%" }, 12000, 'linear', reset);
  };

  reset.call(marquee.find("div"));

  });
  </script>
</head>
<body>

  <div class="string">
  <div id="marquee">ლამაზი და მოსახერხებელი მორბენალი სტრიქონი თქვენი საიტისთვის.</div>
  </div>

   
</body>
</html>





1062
ავტორი: lazara კატეგორია: სკრიფტები
სულ კომენტარები: 3