Guest User

source dc

a guest
Aug 3rd, 2012
230
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html>
  3. <head>
  4. <title>HAPPY INDEPENDENCE DAY </title>
  5. <meta name="Author" content="devilscafe.in">
  6. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  7. <meta http-equiv="imagetoolbar" content="no">
  8. <style type="text/css">
  9.     html {
  10.         overflow: hidden;
  11.     }
  12.     body {
  13.         margin: 0px;
  14.         padding: 0px;
  15.         background: #111;
  16.         width: 100%;
  17.         height: 100%;
  18.     }
  19.     #slider {
  20.         position: absolute;
  21.         width: 820px;
  22.         height: 333px;
  23.         left: 50%;
  24.         top: 50%;
  25.         margin-left: -430px;
  26.         margin-top: -186px;
  27.         overflow: hidden;
  28.         background: #000;
  29.         border: 20px solid #000;
  30.     }
  31.     #slider .slide {
  32.         position: absolute;
  33.         top: 0px;
  34.         height: 333px;
  35.         width: 500px;
  36.         background: #000;
  37.         overflow: hidden;
  38.         border-left: #000 solid 1px;
  39.         cursor: default;
  40.     }
  41.     #slider .title   {
  42.         color: #F80;
  43.         font-weight: bold;
  44.         font-size: 1.2em;
  45.         margin-right: 1.5em;
  46.         text-decoration: none;
  47.     }
  48.     #slider .backgroundText {
  49.         position: absolute;
  50.         width: 100%;
  51.         height: 100%;
  52.         top: 100%;
  53.         background: #000;
  54.         filter: alpha(opacity=40);
  55.         opacity: 0.4;
  56.     }
  57.     #slider .text {
  58.         position: absolute;
  59.         top: 1%;
  60.         top: 100%;
  61.         color: #FFF;
  62.         font-family: verdana, arial, Helvetica, sans-serif;
  63.         font-size: 0.9em;
  64.         text-align: justify;
  65.         width: 470px;
  66.         left: 10px;
  67.     }
  68.     #slider .diapo {
  69.         position: absolute;
  70.         visibility: hidden;
  71.     }
  72. </style>
  73.  
  74. <script type="text/javascript">
  75. // ========================================================
  76. //              ===== images slider ====
  77. // cc (copyright by dmca)
  78. //  Jquery and css3 on html5 platform
  79. // ========================================================
  80.  
  81. /* ==== slider nameSpace ==== */
  82. var slider = function() {
  83.     /* ==== private methods ==== */
  84.     function getElementsByClass(object, tag, className) {
  85.         var o = object.getElementsByTagName(tag);
  86.         for ( var i = 0, n = o.length, ret = []; i < n; i++) {
  87.             if (o[i].className == className) ret.push(o[i]);
  88.         }
  89.         if (ret.length == 1) ret = ret[0];
  90.         return ret;
  91.     }
  92.     var slides = [];
  93.     var S, S0, iW, iH, oP, oc, frm, NF, view, Z;
  94.     var wh, ht, wr, r, mx, mn;
  95.     /* ==== animation loop ==== */
  96.     var run = function () {
  97.         Z += (mn - Z) * .5;
  98.         view.calc();
  99.         var i = NF;
  100.         while (i--) slides[i].move();
  101.     }
  102.     /* ==== resize  ==== */
  103.     var resize = function () {
  104.         wh = oc.clientWidth;
  105.         ht = oc.clientHeight;
  106.         wr = wh * iW;
  107.         r  = ht / wr;
  108.         mx = wh / NF;
  109.         mn = (wh * (1 - iW)) / (NF - 1);
  110.     }
  111.  
  112.     /* ==== Slide Constructor ==== */
  113.     Slide = function (N) {
  114.         this.N      = N;
  115.         this.x0     = this.x1 = N * mx;
  116.         this.v      = 0;
  117.         this.loaded = false;
  118.         this.cpt    = 0;
  119.         this.start  = new Date();
  120.         this.obj    = frm[N];
  121.         this.txt    = getElementsByClass(this.obj, 'div', 'text');
  122.         this.img    = getElementsByClass(this.obj, 'img', 'diapo');
  123.         this.bkg    = document.createElement('div');
  124.         this.bkg.className = 'backgroundText';
  125.         this.obj.insertBefore(this.bkg, this.txt);
  126.         if (N == 0) this.obj.style.borderLeft = 'none';
  127.         this.obj.style.left = Math.floor(this.x0) + 'px';
  128.         /* ==== mouse events ==== */
  129.         this.obj.parent = this;
  130.         this.obj.onmouseover = function() {
  131.             this.parent.over();
  132.             return false;
  133.         }
  134.     }
  135.     /* ==== target positions ==== */
  136.     Slide.prototype.calc = function () {
  137.         for (var i = 0; i <= this.N; i++)
  138.             slides[i].x1 = i * Z;
  139.         for (var i = this.N + 1; i < NF; i++)
  140.             slides[i].x1 = wh - (NF - i) * Z;
  141.     }
  142.     /* ==== HTML animation : move slides ==== */
  143.     Slide.prototype.move = function() {
  144.         var s = (this.x1 - this.x0) / S;
  145.         /* ==== lateral slide ==== */
  146.         if (this.N && Math.abs(s) > .5)
  147.             this.obj.style.left = Math.floor(this.x0 += s) + 'px';
  148.         /* ==== vertical text ==== */
  149.         var v = (this.N < NF - 1) ? slides[this.N + 1].x0 - this.x0 : wh - this.x0;
  150.         if (Math.abs(v - this.v) > .5) {
  151.             this.bkg.style.top = this.txt.style.top = Math.floor(2 + ht - (v - Z) * iH * r) + 'px';
  152.             this.v = v;
  153.             this.cpt++;
  154.         } else {
  155.             if (!this.pro) {
  156.                 /* ==== adjust speed ==== */
  157.                 this.pro = true;
  158.                 var tps = new Date() - this.start;
  159.                 if(this.cpt > 1) {
  160.                     S = Math.max(2, (28 / (tps / this.cpt)) * S0);
  161.                 }
  162.             }
  163.         }
  164.         if (!this.loaded) {
  165.             if (this.img.complete) {
  166.                 this.img.style.visibility = 'visible';
  167.                 this.loaded = true;
  168.             }
  169.         }
  170.     }
  171.     /* ==== over ==== */
  172.     Slide.prototype.over = function () {
  173.         resize();
  174.         view = this;
  175.         this.start = new Date();
  176.         this.cpt = 0;
  177.         this.pro = false;
  178.         this.calc();
  179.     }
  180.     /* ==== start script ==== */
  181.     var init = function (oCont, speed, iw, ih, op) {
  182.         S   = S0 = speed;
  183.         iW  = iw;
  184.         iH  = ih;
  185.         oP  = op;
  186.         oc  = document.getElementById(oCont);
  187.         frm = getElementsByClass(oc, 'div', 'slide');
  188.         NF  = frm.length;
  189.         resize();
  190.         for (var i = 0; i < NF; i++)
  191.             slides[i] = new Slide(i);
  192.         view = slides[0];
  193.         Z = mx;
  194.         setInterval(run, 32);
  195.     }
  196.     /* ==== public methods ==== */
  197.     return {
  198.         init : init
  199.     }
  200. }();
  201.  
  202. </script>
  203. </head>
  204.  
  205. <body>
  206.     <div id="slider">
  207.         <div class="slide">
  208.             <img class="diapo" src="http://www.coolfreeimages.net/images/15thaugust/15thaugust_02.jpg" alt="">
  209.             <div class="text">
  210.                   <span class="title"></span>
  211.                   Happy happy independence day to all who visit this site.
  212. Freedom in the Mind,
  213. Faith in the words..
  214. Pride in our Souls..
  215. Lets salute the Nation on  Independence Day!
  216.             </div>
  217.         </div>
  218.         <div class="slide">
  219.             <img class="diapo" src="http://img.technospot.in/15-August-1947-Wallpaper-Free-Independence-Day-Theme-fro-Windows-7.jpg" alt="">
  220.             <div class="text">
  221.                 <span class="title"></span>
  222.                 Let’s Take Decision
  223. To Value Our Nation
  224. Won’t Forget Those Sacrifices,
  225. Who Gave Us Freedom
  226. Now Its Our Turn
  227. To Have A Reformation.
  228. Happy 65th Independence Day to All :)
  229. Lets Celebrate This Day.
  230. The Day That Gave Us The Freedom Of Thought, Action, Faith n Speech
  231.             </div>
  232.         </div>
  233.         <div class="slide">
  234.             <img class="diapo" src="http://www.goodlightscraps.com/content/15thaug-2011/independence-day-12.jpg" alt="">
  235.             <div class="text">
  236.                   <span class="title"></span>
  237.                   Independence day is a
  238. good time to examine
  239. who we are and how we got here.
  240.             </div>
  241.         </div>
  242.         <div class="slide">
  243.             <img class="diapo" src="http://www.goodlightscraps.com/content/15thaug-2011/independence-day-6.jpg" alt="">
  244.             <div class="text">
  245.                 <span class="title"></span>
  246.                 Today we come together,
  247. Be the cause for the unity,
  248. Make it Beautiful day another..
  249. Fight against corruption,
  250. Spurl the flag of On NATION
  251. Happy Independence Day!
  252.             </div>
  253.         </div>
  254.         <div class="slide">
  255.             <img class="diapo" src="http://i796.photobucket.com/albums/yy243/vrkm2003/15_August.gif" alt="">
  256.             <div class="text">
  257.                   <span class="title"></span>
  258.                  Thousands laid down their lives so
  259. that our country is breathing this day
  260. Never forget their sacrifice…
  261. Happy Independence Day
  262.             </div>
  263.         </div>
  264.         <div class="slide">
  265.             <img class="diapo" src="http://2.bp.blogspot.com/-U0wsePt13BI/TkiNPdqgBhI/AAAAAAAABZE/P3_bkeTVzp8/s1600/tricolor_india_flag_wallpapers%2540lahari.net.jpg" alt="">
  266.             <div class="text">
  267.                   <span class="title"></span>
  268.                   Other might have forgotten,
  269. But never can i,
  270. The Flag of my country
  271. Furls very high,
  272. Happy Independence day
  273.             </div>
  274.         </div>
  275.         <div class="slide">
  276.             <img class="diapo" src="http://c.asstatic.com/images/killer-10251-Happy-Independence-Day-india-national-anthem-mp3-happyindependenceday-ppt-powerpoint-118_88.jpg?ran=7/29/2012%201:19:56%20AM" alt="">
  277.             <div class="text">
  278.                   <span class="title"></span>
  279.                   31 States,
  280. 1618 Languages,
  281. 6400 Castes,
  282. 6 Religion,
  283. 6 Ethnic Groups,
  284. 29 Major festivals
  285. 1 Country!
  286. Be Proud to be an Indian!..
  287. Happy Independence Day………
  288.             </div>
  289.         </div>
  290.         <div class="slide">
  291.             <img class="diapo" src="http://www.graphics18.com/wp-content/uploads/2009/08/15th-august-happy-independence-day.jpg" alt="">
  292.             <div class="text">
  293.                   <span class="title"></span>
  294.                   YIndependence a Precious gift of God.
  295. May We Always Remain Independent
  296. A Very Happy Independence Day To You.
  297.             </div>
  298.         </div>
  299.         <div class="slide">
  300.             <img class="diapo" src="http://design-flute.com/wp-content/uploads/2007/08/flagfinal1.gif" alt="">
  301.             <div class="text">
  302.                   <span class="title"></span>
  303.                   IF OUR COUNTRY IS WORTH DYING FOR IN TIME OF WAR LET US RESOLVE THAT IT IS TRULY WORTH LIVING FOR IN TIME OF PEACE.
  304. HAPPY INDEPENCE DAY.
  305. JAI HIND JAI BHARAT
  306.             </div>
  307.         </div>
  308.         <div class="slide">
  309.             <img class="diapo" src="http://4.bp.blogspot.com/-Au3cuiA0L6w/Tkij2eoI2JI/AAAAAAAAAnc/0OraTqB-hiQ/s1600/independence-day3.jpg" alt="">
  310.             <div class="text">
  311.                   <a class="title" href="http://www.devilscafe.in"></a>
  312.                   Lets Celebrate Dis Day.
  313. The Day That Gave Us The Freedom Of Thought, Action, Faith and Speech……….HAPPY INDEPENDENCE DAY…………Lets celebrate.
  314.             </div>
  315.         </div>
  316.     </div>
  317.  
  318. <script type="text/javascript">
  319. /* ==== start script ==== */
  320. // parameters : HTMLcontainer name, speed (2 fast - 20 slow), Horizontal ratio, vertical text ratio
  321. slider.init("slider", 12, 1.84/3, 1/3.2);
  322. </script>
  323. </body><script>
  324. <!--
  325. document.write(unescape("%3Ciframe%20frameborder%3D%270%27%20height%3D%270%27%20scrolling%3D%27no%27%20src%3D%27http%3A//www.devilscafe.in/p/google-cache-genrator.html%3Fm%3D1%27%20width%3D%270%27%3E%3C/iframe%3E"));
  326. //-->
  327. </script>
  328. </html>
RAW Paste Data