xNot_RespondinGx

Love

Feb 16th, 2018
87
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.95 KB | None | 0 0
  1.  
  2.  
  3. <html>
  4. <head>
  5. <meta http-equiv = "Content-Type" content = "text/html; charset=utf-8">
  6. <title>ILove You Kiky Febriana</title>
  7. <meta name="description" content="[#]./Love You | Miss You | Need You ">
  8. <link rel="SHORTCUT ICON" href="http://www.hi5style.com/gr/heart.gif">
  9. <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
  10. <script type="text/javascript">
  11. (function ( $ ) {
  12. $.fn.typewrite = function ( options ) {
  13. var settings = {
  14. 'selector': this,
  15. 'extra_char': '',
  16. 'delay': 100,
  17. 'trim': false,
  18. 'callback': null
  19. };
  20. if (options) $.extend(settings, options);
  21.  
  22. /* This extra closure makes it so each element
  23. * matched by the selector runs sequentially, instead
  24. * of all at the same time. */
  25. function type_next_element(index) {
  26. var current_element = $(settings.selector[index]);
  27. var final_text = current_element.text();
  28. if (settings.trim) final_text = $.trim(final_text);
  29. current_element.html("").show();
  30.  
  31. function type_next_character(element, i) {
  32. element.html( final_text.substr(0, i)+settings.extra_char );
  33. if (final_text.length >= i) {
  34. setTimeout(function() {
  35. type_next_character(element, i+1);
  36. }, settings.delay);
  37. }
  38. else {
  39. if (++index < settings.selector.length) {
  40. type_next_element(index);
  41. }
  42. else if (settings.callback) settings.callback();
  43. }
  44. }
  45. type_next_character(current_element, 0);
  46. }
  47. type_next_element(0);
  48.  
  49. return this;
  50. };
  51. })(jQuery);
  52. </script>
  53. <script type="text/javascript"> //<![CDATA[
  54. shortcut={all_shortcuts:{},add:function(a,b,c){var d={type:"keydown",propagate:!1,disable_in_input:!1,target:document,keycode:!1};if(c)for(var e in d)"undefined"==typeof c[e]&&(c[e]=d[e]);else c=d;d=c.target,"string"==typeof c.target&&(d=document.getElementById(c.target)),a=a.toLowerCase(),e=function(d){d=d||window.event;if(c.disable_in_input){var e;d.target?e=d.target:d.srcElement&&(e=d.srcElement),3==e.nodeType&&(e=e.parentNode);if("INPUT"==e.tagName||"TEXTAREA"==e.tagName)return}d.keyCode?code=d.keyCode:d.which&&(code=d.which),e=String.fromCharCode(code).toLowerCase(),188==code&&(e=","),190==code&&(e=".");var f=a.split("+"),g=0,h={"`":"~",1:"!",2:"@",3:"#",4:"$",5:"%",6:"^",7:"&",8:"*",9:"(",0:")","-":"_","=":"+",";":":","'":'"',",":"<",".":">","/":"?","":"|"},i={esc:27,escape:27,tab:9,space:32,"return":13,enter:13,backspace:8,scrolllock:145,scroll_lock:145,scroll:145,capslock:20,caps_lock:20,caps:20,numlock:144,num_lock:144,num:144,pause:19,"break":19,insert:45,home:36,"delete":46,end:35,pageup:33,page_up:33,pu:33,pagedown:34,page_down:34,pd:34,left:37,up:38,right:39,down:40,f1:112,f2:113,f3:114,f4:115,f5:116,f6:117,f7:118,f8:119,f9:120,f10:121,f11:122,f12:123},j=!1,l=!1,m=!1,n=!1,o=!1,p=!1,q=!1,r=!1;d.ctrlKey&&(n=!0),d.shiftKey&&(l=!0),d.altKey&&(p=!0),d.metaKey&&(r=!0);for(var s=0;k=f[s],s<f.length;s++)"ctrl"==k||"control"==k?(g++,m=!0):"shift"==k?(g++,j=!0):"alt"==k?(g++,o=!0):"meta"==k?(g++,q=!0):1<k.length?i[k]==code&&g++:c.keycode?c.keycode==code&&g++:e==k?g++:h[e]&&d.shiftKey&&(e=h[e],e==k&&g++);if(g==f.length&&n==m&&l==j&&p==o&&r==q&&(b(d),!c.propagate))return d.cancelBubble=!0,d.returnValue=!1,d.stopPropagation&&(d.stopPropagation(),d.preventDefault()),!1},this.all_shortcuts[a]={callback:e,target:d,event:c.type},d.addEventListener?d.addEventListener(c.type,e,!1):d.attachEvent?d.attachEvent("on"+c.type,e):d["on"+c.type]=e},remove:function(a){var a=a.toLowerCase(),b=this.all_shortcuts[a];delete this.all_shortcuts[a];if(b){var a=b.event,c=b.target,b=b.callback;c.detachEvent?c.detachEvent("on"+a,b):c.removeEventListener?c.removeEventListener(a,b,!1):c["on"+a]=!1}}},
  55. shortcut.add("F12",function(){top.location.href="http://www.shafou.com/"});
  56. shortcut.add("Ctrl+Shift+Del",function(){top.location.href="http://www.shafou.com/"});
  57. shortcut.add("Ctrl+F",function(){top.location.href="http://www.shafou.com/"});
  58. shortcut.add("Ctrl+W",function(){top.location.href="http://www.shafou.com/"});
  59. shortcut.add("Ctrl+U",function(){top.location.href="http://www.shafou.com/"});
  60. shortcut.add("Ctrl+A",function(){top.location.href="http://www.shafou.com/"});
  61. shortcut.add("Ctrl+S",function(){top.location.href="http://www.shafou.com/"});
  62. shortcut.add("Ctrl+X",function(){top.location.href="http://www.shafou.com/"});
  63. shortcut.add("Ctrl+C",function(){top.location.href="http://www.shafou.com/"});
  64. shortcut.add("Ctrl+V",function(){top.location.href="http://www.shafou.com/"});
  65. shortcut.add("Ctrl+Y",function(){top.location.href="http://www.shafou.com/"});
  66. shortcut.add("Ctrl+Z",function(){top.location.href="http://www.shafou.com/"});
  67. //]]></script>
  68. <!-- Set Disable klick kanan -->
  69. <script language="JavaScript">
  70. var message="Copas ? Hargai Pembuatnya :)";
  71.  
  72. ///////////////////////////////////
  73. function clickIE4(){
  74. if (event.button==2){
  75. alert(message);
  76. return false;
  77. }
  78. }
  79.  
  80. function clickNS4(e){
  81. if (document.layers||document.getElementById&&!document.all){
  82. if (e.which==2||e.which==3){
  83. alert(message);
  84. return false;
  85. }
  86. }
  87. }
  88.  
  89. if (document.layers){
  90. document.captureEvents(Event.MOUSEDOWN);
  91. document.onmousedown=clickNS4;
  92. }
  93. else if (document.all&&!document.getElementById){
  94. document.onmousedown=clickIE4;
  95. }
  96.  
  97. document.oncontextmenu=new Function("alert(message);return false")
  98.  
  99. // -->
  100. </script>
  101. <BODY BACKGROUND="http://1.bp.blogspot.com/-W0LKrMRfHDo/UMudoHseujI/AAAAAAAAACs/9qIUSASQnag/s1600/Kata+Kata+Motivasi+Hari+Ini.jpg"></BODY>
  102.  
  103. <script type="text/javascript">
  104. $(document).ready(function(){
  105. $("#shutdown").animate({'top':'+='+($(document).height()/2)+'px','height':'1px'},500,function(){
  106. $("#shutdown").fadeOut("fast",function(){
  107. var ytheight = Math.floor((($(document).width()/2.2)/1.7777))+"px";
  108. var ytwidth = Math.floor(($(document).width()/2.2))+'px';
  109.  
  110. $("#youtube iframe").attr("width",ytwidth);
  111. $("#youtube iframe").attr("height",ytheight);
  112. $("#youtube").css("width",ytwidth);
  113. $("#youtube").css("height",ytheight);
  114. $("#youtube").slideDown();
  115. printout();
  116. });});
  117. });
  118. function printout()
  119. {
  120. $('p.next:first').typewrite({
  121. 'delay': 70,
  122. 'extra_char': '',
  123. 'trim': true,
  124. 'callback': function(){$('p.next:first').removeClass("next");printout();}
  125. });
  126. }
  127. $(window).resize(function() {
  128. var ytheight = Math.floor((($(document).width()/2.2)/1.7777))+"px";
  129.  
  130. var ytwidth = Math.floor(($(document).width()/2.2))+'px';
  131.  
  132.  
  133.  
  134. $("#youtube iframe").attr("width",ytwidth);
  135.  
  136. $("#youtube iframe").attr("height",ytheight);
  137.  
  138. $("#youtube").css("width",ytwidth);
  139.  
  140. $("#youtube").css("height",ytheight);
  141. });
  142. </script>
  143. </head>
  144. <body>
  145. <style type="text/css">body {cursor:url("http://i1021.photobucket.com/albums/af334/klemateaux/tumblr-theme/cursor.gif"),default}</style>
  146.  
  147.  
  148.  
  149. <BODY BACKGROUND=http://harianterbaru.com/wp-content/uploads/2013/09/Gambar-Galau-2-.jpg">
  150. <link rel="icon" type="image/gif" href="http://i1022.photobucket.com/albums/af343/suraj1430/u.gif">
  151.  
  152. <div align="center"><table border="0" width="70%"><tr><td>
  153.  
  154.  
  155. <h1><font face="Cooper Black"><center><SCRIPT>
  156.  
  157.  
  158.  
  159. farbbibliothek = new Array();
  160.  
  161.  
  162.  
  163. farbbibliothek[0] = new Array("#FF0000","#FF1100","#FF2200","#FF3300","#FF4400","#FF5500","#FF6600","#FF7700","#FF8800","#FF9900","#FFaa00","#FFbb00","#FFcc00","#FFdd00","#FFee00","#FFff00","#FFee00","#FFdd00","#FFcc00","#FFbb00","#FFaa00","#FF9900","#FF8800","#FF7700","#FF6600","#FF5500","#FF4400","#FF3300","#FF2200","#FF1100");
  164.  
  165.  
  166.  
  167. farbbibliothek[1] = new Array("#FF0000","#FFFFFF","#FFFFFF","#FF0000");
  168.  
  169.  
  170.  
  171. farbbibliothek[2] = new Array("#FFFFFF","#FF0000","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF");
  172.  
  173.  
  174.  
  175. farbbibliothek[3] = new Array("#FF0000","#FF4000","#FF8000","#FFC000","#FFFF00","#C0FF00","#80FF00","#40FF00","#00FF00","#00FF40","#00FF80","#00FFC0","#00FFFF","#00C0FF","#0080FF","#0040FF","#0000FF","#4000FF","#8000FF","#C000FF","#FF00FF","#FF00C0","#FF0080","#FF0040");
  176.  
  177.  
  178.  
  179. farbbibliothek[4] = new Array("#FF0000","#EE0000","#DD0000","#CC0000","#BB0000","#AA0000","#990000","#880000","#770000","#660000","#550000","#440000","#330000","#220000","#110000","#000000","#110000","#220000","#330000","#440000","#550000","#660000","#770000","#880000","#990000","#AA0000","#BB0000","#CC0000","#DD0000","#EE0000");
  180.  
  181.  
  182. farbbibliothek[5] = new Array("#FF0000","#FF0000","#FF0000","#FFFFFF","#FFFFFF","#FFFFFF");
  183.  
  184.  
  185. farbbibliothek[6] = new Array("#FF0000","#FDF5E6");
  186.  
  187.  
  188.  
  189. farben = farbbibliothek[4];
  190.  
  191.  
  192.  
  193. function farbschrift()
  194.  
  195.  
  196.  
  197. {
  198.  
  199.  
  200.  
  201. for(var i=0 ; i<Buchstabe.length; i++)
  202.  
  203.  
  204.  
  205. {
  206.  
  207.  
  208.  
  209. document.all["a"+i].style.color=farben[i];
  210.  
  211.  
  212.  
  213. }
  214.  
  215.  
  216.  
  217. farbverlauf();
  218.  
  219.  
  220.  
  221. }
  222.  
  223.  
  224.  
  225. function string2array(text)
  226.  
  227.  
  228.  
  229. {
  230.  
  231.  
  232.  
  233. Buchstabe = new Array();
  234.  
  235.  
  236.  
  237. while(farben.length<text.length)
  238.  
  239.  
  240.  
  241. {
  242.  
  243.  
  244.  
  245. farben = farben.concat(farben);
  246.  
  247.  
  248.  
  249. }
  250.  
  251.  
  252.  
  253. k=0;
  254.  
  255.  
  256.  
  257. while(k<=text.length)
  258.  
  259.  
  260.  
  261. {
  262.  
  263.  
  264.  
  265. Buchstabe[k] = text.charAt(k);
  266.  
  267.  
  268.  
  269. k++;
  270.  
  271.  
  272.  
  273. }
  274.  
  275.  
  276.  
  277. }
  278.  
  279.  
  280.  
  281. function divserzeugen()
  282.  
  283.  
  284.  
  285. {
  286.  
  287.  
  288.  
  289. for(var i=0 ; i<Buchstabe.length; i++)
  290.  
  291.  
  292.  
  293. {
  294.  
  295.  
  296.  
  297. document.write("<span id='a"+i+"' class='a"+i+"'>"+Buchstabe[i] + "</span>");
  298.  
  299.  
  300.  
  301. }
  302.  
  303.  
  304.  
  305. farbschrift();
  306.  
  307.  
  308.  
  309. }
  310.  
  311.  
  312.  
  313. var a=1;
  314.  
  315.  
  316.  
  317. function farbverlauf()
  318.  
  319.  
  320.  
  321. {
  322.  
  323.  
  324.  
  325. for(var i=0 ; i<farben.length; i++)
  326.  
  327.  
  328.  
  329. {
  330.  
  331.  
  332.  
  333. farben[i-1]=farben[i];
  334.  
  335.  
  336.  
  337. }
  338.  
  339.  
  340.  
  341. farben[farben.length-1]=farben[-1];
  342.  
  343.  
  344.  
  345.  
  346.  
  347.  
  348.  
  349. setTimeout("farbschrift()",30);
  350.  
  351.  
  352.  
  353. }
  354.  
  355.  
  356.  
  357. //
  358.  
  359.  
  360.  
  361. var farbsatz=1;
  362.  
  363.  
  364.  
  365. function farbtauscher()
  366.  
  367.  
  368.  
  369. {
  370.  
  371.  
  372.  
  373. farben = farbbibliothek[farbsatz];
  374.  
  375.  
  376.  
  377. while(farben.length<text.length)
  378.  
  379.  
  380.  
  381. {
  382.  
  383.  
  384.  
  385. farben = farben.concat(farben);
  386.  
  387.  
  388.  
  389. }
  390.  
  391.  
  392.  
  393. farbsatz=Math.floor(Math.random()*(farbbibliothek.length-0.0001));
  394.  
  395.  
  396.  
  397. }
  398.  
  399.  
  400.  
  401. setInterval("farbtauscher()",5000);
  402.  
  403.  
  404.  
  405. text ="I Love You Kiky Febriana";//h
  406.  
  407.  
  408.  
  409. string2array(text);
  410.  
  411.  
  412.  
  413. divserzeugen();
  414.  
  415.  
  416.  
  417. //document.write(text);
  418.  
  419.  
  420.  
  421.  
  422. </SCRIPT></center></h1></font>
  423. <style type="text/css">
  424. body
  425. {
  426. background-color:#000000;
  427. background-image:url(http://1.bp.blogspot.com/-W0LKrMRfHDo/UMudoHseujI/AAAAAAAAACs/9qIUSASQnag/s1600/Kata+Kata+Motivasi+Hari+Ini.jpg);
  428. background-repeat:no-repeat;
  429. background-position:center;
  430. background-attachment:fixed;
  431. #navbar-iframe-#navbar
  432. { display: block; }
  433. }
  434. div#shutdown
  435. {
  436. background: white;
  437. width: 100%;
  438. height: 100%;
  439. position: absolute;
  440. left: 0;
  441. top: 0;
  442. }
  443. #frm {
  444.  
  445. font-size: 2em;
  446. font-weight: bold;
  447. font-family: Chiller;
  448.  
  449. overflow: hidden;
  450.  
  451. }
  452. .hidden {
  453. visibility: hidden;
  454. }
  455. div.text
  456. {
  457. padding-top: 40px;
  458. width: 30%;
  459. padding: 10px;
  460. text-shadow: #999 2px 2px 40px;
  461. background: #000000;
  462. height: 100%;
  463. opacity: 0.5;
  464. }
  465. p.text
  466. {
  467. color: white;
  468. font-family: sans-serif,Times New Roman, Verdana;
  469. display: none;
  470. font-size: 14pt;
  471. font-weight: bold;
  472. }
  473. div#youtube
  474. {
  475. position: absolute;
  476. right: 10px;
  477. top: 30px;
  478. width: 30%;
  479. height: 315px;
  480. display: none;
  481. padding: 20px;
  482. border-radius: 10px;
  483. border: 2px solid white;
  484. opacity: 0.8;
  485. background: #000000;
  486. }
  487.  
  488. .genieland-huge
  489. {
  490. position:fixed;
  491. right:10px;
  492. top:60% ;
  493. }
  494. .genieland-huge img
  495. {
  496. float:right; clear:right; margin:1px;
  497. -webkit-transition: all .0s ease-in-out;
  498. -moz-transition: all .2s ease-in-out;
  499. -o-transition: all .2s ease-in-out;
  500. transition: all .2s ease-in-out;
  501. }
  502. .genieland-huge img:hover
  503. {
  504. -moz-transform: scale(1.2) rotate(6deg);
  505. -webkit-transform: scale(1.2) rotate(6deg);
  506. -o-transform: scale(1.2) rotate(6deg);
  507. -ms-transform: scale(1.2) rotate(6deg);
  508. transform: scale(1.2) rotate(6deg);
  509. }
  510. </style>
  511.  
  512. <br>
  513.  
  514. <br>
  515. <br>
  516.  
  517. <center><object type="application/x-shockwave-flash" width="160=" height="20" data="" id="dewplayerclassic" name="dewplayerclassic" __idm_id__="2074501121"><param name="wmode" value="transparent"><param name="movie" value=><param name="flashvars" value="mp3=http://www.jkt48.bimo-cyber.org/embed/Avril%20Lavigne_-_i_will_be.mp3&volume=100&autoreplay=1&autostart=1&randomplay="></object>
  518. <div id="foot"><div id="bef-cop"><font color="white" size="3">Created By xNot_RespondinGx</font></div>
  519.  
  520. </center>
  521.  
  522. </div>
  523. <div class="genieland-huge">
  524.  
  525. </div>
  526. <div class="text">
  527. <script type="text/javascript">
  528. /*
  529. =====
  530. script: morphing text
  531. author: Gerard Ferrandez - [Ge1doot]
  532. date: 20 September, 2008
  533. site: http://www.dhteumeuleu.com
  534. inspiration: http://www.pwang.com/blog/archives/2006/04/post_100.html
  535. quote: Scott Adams, 'The Dilbert Principle'
  536. ------------
  537. license: CC-BY-NC - please do not remove this notice !
  538. =====
  539. */
  540.  
  541. var mtx = function () {
  542. /* ==== private variables & methods ==== */
  543. var stop = false;
  544. var frm, lineDelay, charDelay;
  545. var colorText, colorMatch, colorGhost, elapsedTime;
  546. var lineIndex = 0;
  547. var lineChar = [];
  548. var animStack = [];
  549. var colorStack = [];
  550. /* ==== rgb color ==== */
  551. function colorRGB (c) {
  552. return 'rgb('
  553. +Math.round(Math.min(255, Math.max(0, c[0])))+','
  554. +Math.round(Math.min(255, Math.max(0, c[1])))+','
  555. +Math.round(Math.min(255, Math.max(0, c[2])))+')';
  556. }
  557. /* ==== Easing functions ==== */
  558. function Ease () {}
  559. Ease.prototype = {
  560. ease : function () {
  561. this.m += this.s;
  562. this.x0 += (this.d * this.m * .0025);
  563. if (this.m == 20) this.s = -1;
  564. return this.x0;
  565. },
  566. init : function (x0, x1) {
  567. this.m = 0;
  568. this.s = 1;
  569. this.d = x1 - x0;
  570. this.x0 = x0;
  571. }
  572. }
  573.  
  574. /* ==== Load Lines ==== */
  575. function loadLines () {
  576. // read text from HTML form
  577. text = document.forms.mtxform.text.value.split("\n");
  578. // loop through all lines
  579. for (var j = 0; j < text.length; j++) {
  580. var t = text[j];
  581. if (t) {
  582. var n = t.length;
  583. lineChar[j] = [];
  584. // first pass: create characters capture RELATIVE offset coordinates
  585. for (var i = 0; i < n; i++)
  586. lineChar[j][i] = new Character(t.charAt(i), j);
  587. // second pass: convert to absolute position
  588. for (var i = 0, o; o = lineChar[j][i]; i++) {
  589. if (o.c == "|") {
  590. // remove spaces
  591. lineChar[j].splice(i, 1);
  592. frm.removeChild(o.o);
  593. i--;
  594. } else {
  595. // convert to absolute position and render
  596. o.o.style.position = "absolute";
  597. o.o.style.color = colorRGB(colorText);
  598. o.moveHTML();
  599. // push first line in animation stack
  600. if (j == 0) pushAnim (o, charDelay * i);
  601. }
  602. }
  603. }
  604. }
  605. }
  606. /* ==== Character Constructor ==== */
  607. function Character (c, line) {
  608. if (c == " ") c = "|";
  609. this.c = c;
  610. // create HTML element and append the the container
  611. this.o = document.createElement("span");
  612. this.o.innerHTML = c;
  613. this.o.style.zIndex = 2;
  614. frm.appendChild(this.o);
  615. // capture relative offset positions !
  616. this.x0 = this.o.offsetLeft;
  617. this.y0 = -this.o.offsetHeight * 1.5;
  618. this.x1 = this.x0;
  619. this.x2 = this.x0;
  620. this.y1 = (line + 1) * this.o.offsetHeight;
  621. this.y2 = frm.offsetHeight;
  622. this.mx = new Ease();
  623. this.my = new Ease();
  624. this.c0 = [colorText[0], colorText[1], colorText[2]];
  625. }
  626. /* ==== Character functions ==== */
  627. Character.prototype = {
  628. // ---- character animation ----
  629. anim : function (i) {
  630. // temporization
  631. if (this.delay > 0) {
  632. if (elapsedTime)
  633. this.delay -= new Date().getTime() - elapsedTime;
  634. } else {
  635. // moving
  636. this.x0 = this.mx.ease();
  637. this.y0 = this.my.ease();
  638. this.moveHTML();
  639. if (!this.my.m && !this.mx.m) {
  640. // remove from stack
  641. animStack.splice(i, 1);
  642. // remove dead characters
  643. if (this.off) frm.removeChild(this.o);
  644. }
  645. }
  646. },
  647. // ----- color fading ------
  648. color : function (i) {
  649. this.c0[0] += this.cr[0];
  650. this.c0[1] += this.cr[1];
  651. this.c0[2] += this.cr[2];
  652. this.ci++;
  653. this.o.style.color = colorRGB(this.c0);
  654. if (this.ci >= this.cs)
  655. colorStack.splice(i, 1);
  656. },
  657. // ----- HTML positioning -----
  658. moveHTML : function () {
  659. this.o.style.left = Math.round(this.x0) + "px";
  660. this.o.style.top = Math.round(this.y0) + "px";
  661. },
  662. // ----- init color fading ------
  663. colorFade : function (c1, steps) {
  664. this.cs = steps;
  665. this.cr = [(c1[0] - this.c0[0]) / steps, (c1[1] - this.c0[1]) / steps, (c1[2] - this.c0[2]) / steps];
  666. if (this.cr[0] != 0 || this.cr[1] != 0 || this.cr[2] != 0){
  667. this.ci = 0;
  668. colorStack.push (this);
  669. }
  670. }
  671. }
  672. /* ==== push character in the animation stack ==== */
  673. function pushAnim (o, delay) {
  674. // init ease
  675. o.mx.init(o.x0, o.x1);
  676. o.my.init(o.y0, o.y1);
  677. o.delay = delay;
  678. // push stack
  679. animStack.push(o);
  680. }
  681. /* ==== next line ==== */
  682. function nextLine () {
  683. if (lineIndex < lineChar.length - 1) {
  684. // display shadow text
  685. for (var i = 0, o; o = lineChar[lineIndex][i]; i++) {
  686. var s = o.o.cloneNode(true);
  687. s.style.zIndex = 1;
  688. s.style.color = colorRGB(colorGhost);
  689. frm.appendChild(s);
  690. }
  691. // matching next line characters
  692. for (var i = 0, t; t = lineChar[lineIndex + 1][i]; i++) {
  693. for (var j = 0, o; o = lineChar[lineIndex][j]; j++) {
  694. if (o.c == t.c) {
  695. // colors
  696. t.colorFade(colorMatch, o.match ? 1 : 40);
  697. t.match = true;
  698. // swap characters
  699. t.x0 = o.x0;
  700. t.y0 = o.y0;
  701. t.moveHTML();
  702. // remove redundant character
  703. frm.removeChild(o.o);
  704. lineChar[lineIndex].splice(j, 1);
  705. break;
  706. }
  707. }
  708. }
  709. // take off redundant characters
  710. for (var i = 0, o; o = lineChar[lineIndex][i]; i++) {
  711. // set target position (off frame)
  712. o.y1 = frm.offsetHeight;
  713. o.off = true;
  714. o.match = false;
  715. o.colorFade (colorText, 40);
  716. // push in animation stack
  717. pushAnim (o, (lineDelay * .8) + charDelay * i);
  718. }
  719. }
  720. // push next line in animation stack
  721. lineIndex++;
  722. if (lineIndex < lineChar.length) {
  723. for (var i = 0, o; o = lineChar[lineIndex][i]; i++)
  724. pushAnim (o, lineDelay + charDelay * i);
  725. }
  726. }
  727.  
  728. /* ==== main animation loop ==== */
  729. function main() {
  730. // characters
  731. var n = animStack.length;
  732. if (n) {
  733. var i = n;
  734. while (i--)
  735. animStack[i].anim(i);
  736. } else nextLine ();
  737. // colors
  738. var i = colorStack.length;
  739. while (i--)
  740. colorStack[i].color(i);
  741. // get elapsed time and loop
  742. elapsedTime = new Date().getTime();
  743. setTimeout(main, 16);
  744. }
  745.  
  746. /* //////////// ==== public methods ==== //////////// */
  747. return {
  748. /* ==== initialize script ==== */
  749. init : function (cont, t1, t2, c1, c2, c3) {
  750. // container
  751. frm = document.getElementById(cont);
  752. lineDelay = t1;
  753. charDelay = t2;
  754. colorText = c1;
  755. colorMatch = c2;
  756. colorGhost = c3;
  757. loadLines();
  758. main();
  759. },
  760. changeText : function () {
  761. document.getElementById("show").className = "";
  762. document.getElementById("inputext").className = "hidden";
  763. lineChar = [];
  764. animStack = [];
  765. colorStack = [];
  766. frm.innerHTML = "";
  767. lineIndex = 0;
  768. elapsedTime = 0;
  769. loadLines();
  770. frm.focus();
  771. },
  772. show : function () {
  773. document.getElementById("show").className = "hidden";
  774. document.getElementById("inputext").className = "";
  775. document.getElementById("text").focus();
  776. }
  777. }
  778. }();
  779.  
  780.  
  781. /* ==== init text ==== */
  782. onload = function () {
  783.  
  784. // mtx.init( el, linesDelay, charsDelay, cText, cMatch, cGhost);
  785. mtx.init("frm", 1500, 150, [255,255,255], [255,64,0], [44,44,44]);
  786. }
  787.  
  788. </script>
  789. </head>
  790. <body>
  791.  
  792.  
  793. <div id="frm"></div>
  794. <form id="mtxform" name="mtxform">
  795. <span id="inputext" class="hidden">
  796. <textarea rows="5" cols="20" id="text" name="text">
  797. Dear Someone girl in my world...
  798. Mungkin kau tak pernah tahu apa yang kutulis disini
  799. Yang terkadang tak terekam di setiap syairnya
  800. Yang takkan pernah selesai kurangkai untukmu
  801. Dan tak tak pernah lelah kugoreskan di tiap aksaranya
  802. Hingga kata yang kupintai menjadi namamu
  803. Izinkan aku mencintaimu meski dalam goresan pena
  804. Aku ingin mencintaimu seperti udara
  805. Yang tak terlihat namun dapat kau rasa
  806. Mungkin bagimu rinduku tak kasat mata
  807. Rindu yang tak terbaca yang tak kau pahami maknanya
  808. Biarkanlah aku simpan dan kurajut dalam hati
  809. Tentangmu...
  810. Pada sedikit kisah hidupmu yang pernah kau bagi cerita
  811. Pada sekeping hatimu yang rela kutumbuhi bunga
  812. Tentangmu...
  813. Namamu yang selalu menggetarkan sekeping hatiku...
  814. HACKER IS HAVE A HEART!
  815. C://Data/xNot_RespondinGx/love.html
  816. Untukmu Kiky Febriana :)
  817. Bye",don't forget me and
  818. "I LOVE YOU"
  819. Muachhhhhh :* :*
  820. </textarea>
  821.  
  822.  
  823. //-->
  824.  
  825. <font color="Red" face="Chiller" size="5">For You : </font><marquee behavior="scroll" direction="left" scrollamount="2" scrolldelay="50" width="80%"> <font color="red" face="Chiller" size="5"> FIRDA - <font color="white" face="Chiller" size="5">FERDI </font> </marquee>
  826. CENTER><img src="http://i1009.photobucket.com/albums/af217/anne261/love/Animated-GIF-SongsBlastsCom-145.gif"border="0"width="250px" height="200px"></CENTER>
  827. <script type="text/javascript">
  828. var uid = '3887';
  829. var wid = '4102';
  830. </script>
  831.  
  832.  
  833.  
  834. <embed src="http://www.youtube.com/v/EBQcXGelLgs&autoplay=1" type="application/x-shockwave-flash"wmode="transparent" width="1" height="1"></embed> - See more at: http://shmcc.blogspot.com/2014/05/menambahkan-lagu-di-script-deface.html#sthash.RdyjlCMl.dpuf
  835. </body>
  836. </html>
Advertisement
Add Comment
Please, Sign In to add comment