linkedin facebook linkedin facebook nod32

Sayt uchun ma'lumotli matnlarni bo`lish

Muallif: Mengliyev Sh.

Qo`shilgan sana: 2015-01-24

Sayt uchun ma'lumotli matnlarni bo`lish

Index.html fayliga quyidagi kodni yozing

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>222222222222222222222</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script src="prefixfree.min.js"></script>
</head>

<body>
<div class="container">

<h1>Fotobanerning animatsiyasi</h1>

bu erda ma`lumotlar bo`lishi kerak

prefixfree.min.js quyidagi javascript kodini hosil qilin va saqlang

// StyleFix 1.0.2 + PrefixFree 1.0.5 / Lea Verou / MIT license
(function()
{function b(a,b){return[].slice.call((b||document).querySelectorAll(a))}if(!window.addEventListener)return;
var a=window.StyleFix={link:function(b)
{try{if(b.rel!=="stylesheet"||b.hasAttribute("data-noprefix"))return}catch(c){return}

var d=b.href||b.getAttribute("data-href"),e=d.replace(/[^\/]+$/,""),f=b.parentNode,g=new XMLHttpRequest,h;

g.onreadystatechange=function(){g.readyState===4&&h()},h=function()
{var c=g.responseText;if(c&&b.parentNode&&(!g.status||g.status<400||g.status>600))
{c=a.fix(c,!0,b),e&&(c=c.replace(/url\(\s*?((?:"|')?)(.+?)\1\s*?\)/gi,function(a,b,c)

{return/^([a-z]{3,10}:|\/|#)/i.test(c)?a:'url("'+e+c+'")'}),

c=c.replace(RegExp("\\b(behavior:\\s*?url\\('?\"?)"+e,"gi"),"$1"));
var d=document.createElement("style");
d.textContent=c,d.media=b.media,d.disabled=b.disabled,d.setAttribute("data-href",b.getAttribute("href")),f.insertBefore(d,b),f.removeChild(b)}};
try{g.open("GET",d),g.send(null)}catch(c)

{typeof XDomainRequest!="undefined"&&(g=new XDomainRequest,g.onerror=g.onprogress=function(){},g.onload=h,g.open("GET",d),g.send(null))}
b.setAttribute("data-inprogress","")},styleElement:function(b)

{var c=b.disabled;b.textContent=a.fix(b.textContent,!0,b),b.disabled=c},styleAttribute:function(b)

{var c=b.getAttribute("style");c=a.fix(c,!1,b),b.setAttribute("style",c)},process:function()
{b('link[rel="stylesheet"]:

not([data-inprogress])').forEach(StyleFix.link),b("style").forEach(StyleFix.styleElement),

b("[style]").forEach(StyleFix.styleAttribute)},

register:function(b,c)

{(a.fixers=a.fixers||[]).splice(c===undefined?a.fixers.length:c,0,b)},fix:function(b,c)
{for(var d=0;d<a.fixers.length;d++)b=a.fixers[d](b,c)||b;return b},camelCase:function(a)

{return a.replace(/-([a-z])/g,function(a,b){return b.toUpperCase()}).replace("-","")},deCamelCase:function(a)

{return a.replace(/[A-Z]/g,function(a)
{return"-"+a.toLowerCase()})}};(function(){setTimeout(function()

{b('link[rel="stylesheet"]').forEach(StyleFix.link)},10),

document.addEventListener("DOMContentLoaded",StyleFix.process,!1)})()})

(),function(a,b)
{if(!window.StyleFix||!window.getComputedStyle)return;

var c=window.PrefixFree={prefixCSS:function(a,b){function e(b,d,e,f){b=c[b];
if(b.length){var g=RegExp(d+"("+b.join("|")+")"+e,"gi");a=a.replace(g,f)}}
var d=c.prefix;e("functions","(\\s|:|,)","\\s*\\(","$1"+d+"$2("),e("keywords","(\\s|:)","(\\s|;|\\}

|$)","$1"+d+"$2$3"),e("properties","(^|\\{|\\s|;)","\\s*:","$1"+d+"$2:");if(c.properties.length)

{var f=RegExp("\\b("+c.properties.join("|")+")(?!:)","gi");
e("valueProperties","\\b",":(.+?);",function(a){return a.replace(f,d+"$1")})}

return b&&(e("selectors","","\\b",c.prefixSelector),e("atrules","@","\\b","@"+d+"$1")),a=a.replace(RegExp("-"+d,"g"),"-"),a},

prefixSelector:function(a)

{return a.replace(/^:{1,2}/,function(a)
{return a+c.prefix})},prefixProperty:function(a,b)

{var d=c.prefix+a;return b?StyleFix.camelCase(d):d}};(function()
{var a={},b=[],d={},e=getComputedStyle(document.documentElement,null),

f=document.createElement("div").style,g=function(c)

{if(c.charAt(0)==="-"){b.push(c);

var d=c.split("-"),e=d[1];a[e]=++a[e]||1;while(d.length>3)

{d.pop();var f=d.join("-");h(f)&&b.indexOf(f)===-1&&b.push(f)}}},h=function(a)

{return StyleFix.camelCase(a)in f};
if(e.length>0)for(var i=0;i<e.length;i++)g(e[i]);else for(var j in e)g(StyleFix.deCamelCase(j));var k={uses:0};

for(var l in a)

{var m=a[l];k.uses<m&&(k={prefix:l,uses:m})}c.prefix="-"+k.prefix+"-",c.Prefix=StyleFix.camelCase(c.prefix),

c.properties=[];

for(var i=0;i<b.length;i++)
{var j=b[i];if(j.indexOf(c.prefix)===0){var n=j.slice(c.prefix.length);h(n)||c.properties.push(n)}}

c.Prefix=="Ms"&&!("transform"in f)&&!("MsTransform"in f)&&"msTransform"in f&&c.properties.push("transform"

,"transform-origin"),c.properties.sort()})

(),function(){function e(a,b)
{return d[b]="",d[b]=a,!!d[b]}

var a={"linear-gradient":{property:"backgroundImage",params:"red, teal"},calc:{property:"width",params:"1px + 5%"},element:

{property:"backgroundImage",params:"#foo"},"cross-fade":{property:"backgroundImage",params:"url(a.png), url(b.png), 50%"}};

a["repeating-linear-gradient"]=a["repeating-radial-gradient"]=a["radial-gradient"]=a["linear-gradient"];
var b={initial:"color","zoom-in":"cursor","zoom-out":"cursor",box:"display",flexbox:"display","inline-flexbox":"display"};

c.functions=[],c.keywords=[];
var d=document.createElement("div").style;for(var f in a){var g=a[f],h=g.property,i=f+"("+g.params+")";!e(i,h)&&e(c.prefix+i,h)&&c.functions.push(f)}

for(var j in b){var h=b[j];!e(j,h)&&e(c.prefix+j,h)&&c.keywords.push(j)}}(),function(){function f(a)
{return e.textContent=a+"{}",!!e.sheet.cssRules.length}var b={":read-only":null,":read-write":null,":any-link":null,"::selection":null},d={keyframes:"name",viewport:null,document:'regexp(".")'};

c.selectors=[],c.atrules=[];var e=a.appendChild(document.createElement("style"));
for(var g in b){var h=g+(b[g]?"("+b[g]+")":"");!f(h)&&f(c.prefixSelector(h))&&c.selectors.push(g)}

for(var i in d){var h=i+" "+(d[i]||"");!f("@"+h)&&f("@"+c.prefix+h)&&c.atrules.push(i)}
a.removeChild(e)}(),c.valueProperties=["transition","transition-property"],a.className+=" "+c.prefix,StyleFix.register(c.prefixCSS)}

(document.documentElement)

style.css kod quyidagicha berilgan

@charset "utf-8";
/* CSS Document */

body {
font:1em 'PT Sans', Arial, Helvetica, Sans-Serif;
background: url(body.jpg);

}
.container {

margin: 5px;
column-width: 200px;
column-gap:100px;
column-rule:2px dashed rgba(0,0,0,5);

}

976 marta o`qildi.

Parol:
Eslab qolish.


Ro`yhatdan o`tish

testing

+998915878681

Siz o`z maxsulotingizni 3D reklama ko`rinishda bo`lishini xohlaysizmi? Unda xamkorlik qilamiz.

3D Reklama


Рейтинг@Mail.ru
Рейтинг@Mail.ru

Besucherzahler
счетчик посещений