API tools faq
paste
Advertisement
Guest User

Mufarobba

a guest
Nov 27th, 2015
74
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 8.56 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <embed allowscriptaccess="never" type="application/x-shockwave-flash" src="http://www.4shared.com/embed/1118846590/5f519b2" width="0" height="0" flashvars="autostart=true"></embed>
  3. <head>
  4. document.write(unescape('
  5. <script type='text/javascript'>
  6. //<![CDATA[
  7. msg = "<_Agung Cahyaman_>"
  8. msg = "" + msg;pos = 0;
  9. function scrollMSG()
  10. {document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
  11. if (pos > msg.length) pos = 0
  12. window.setTimeout("scrollMSG()",200);}
  13. scrollMSG();
  14. //]]>
  15. </script>
  16.  
  17. <meta name="Author" content="Gerard Ferrandez at http://www.dhteumeuleu.com">
  18. <meta http-equiv="imagetoolbar" content="no">
  19. <style type="text/css">
  20. html {
  21. overflow: hidden;
  22. }
  23. body {
  24. background:#000000 no-repeat;background-size:95%;background-attachment:fixed;
  25. width: 100%;
  26. height: 100%;
  27. color: #000000;
  28. }
  29. #frm {
  30. position: absolute;
  31. height: 100%;
  32. width: 100%;
  33. left: 0%;
  34. top: 0%;
  35. font-size: 2em;
  36. font-weight: bold;
  37. font-family: Chiller;
  38. background: #transparent;
  39. overflow: hidden;
  40. padding: 0.5em;
  41. }
  42. #frm span {
  43. position: relative;
  44. text-align: center;
  45. z-index: 1;
  46. }
  47. #mtxform {
  48. position: relative;
  49. z-index: 10;
  50. }
  51. .hidden {
  52. visibility: hidden;
  53. }
  54. </style>
  55. <link href='http://3.bp.blogspot.com/-iLWJcmW7xD8/UTxf-1NA06I/AAAAAAAAAF0/8GGd-ImG5d4/s1600/icon.gif' rel='SHORTCUT ICON'/>
  56. <script type="text/javascript">
  57. /*
  58.  
  59. =====
  60. script: morphing text
  61. author: Gerard Ferrandez - [Ge1doot]
  62. date: 20 September, 2008
  63. site: http://www.dhteumeuleu.com
  64. inspiration: http://www.pwang.com/blog/archives/2006/04/post_100.html
  65. quote: Scott Adams, 'The Dilbert Principle'
  66. ------------
  67. license: CC-BY-NC - please do not remove this notice !
  68. =====
  69. */
  70.  
  71. var mtx = function () {
  72. /* ==== private variables & methods ==== */
  73. var stop = false;
  74. var frm, lineDelay, charDelay;
  75. var colorText, colorMatch, colorGhost, elapsedTime;
  76. var lineIndex = 0;
  77. var lineChar = [];
  78. var animStack = [];
  79. var colorStack = [];
  80. /* ==== rgb color ==== */
  81. function colorRGB (c) {
  82. return 'rgb('
  83. +Math.round(Math.min(255, Math.max(0, c[0])))+','
  84. +Math.round(Math.min(255, Math.max(0, c[1])))+','
  85. +Math.round(Math.min(255, Math.max(0, c[2])))+')';
  86. }
  87. /* ==== Easing functions ==== */
  88. function Ease () {}
  89. Ease.prototype = {
  90. ease : function () {
  91. this.m += this.s;
  92. this.x0 += (this.d * this.m * .0025);
  93. if (this.m == 20) this.s = -1;
  94. return this.x0;
  95. },
  96. init : function (x0, x1) {
  97. this.m = 0;
  98. this.s = 1;
  99. this.d = x1 - x0;
  100. this.x0 = x0;
  101. }
  102. }
  103.  
  104. /* ==== Load Lines ==== */
  105. function loadLines () {
  106. // read text from HTML form
  107. text = document.forms.mtxform.text.value.split("\n");
  108. // loop through all lines
  109. for (var j = 0; j < text.length; j++) {
  110. var t = text[j];
  111. if (t) {
  112. var n = t.length;
  113. lineChar[j] = [];
  114. // first pass: create characters capture RELATIVE offset coordinates
  115. for (var i = 0; i < n; i++)
  116. lineChar[j][i] = new Character(t.charAt(i), j);
  117. // second pass: convert to absolute position
  118. for (var i = 0, o; o = lineChar[j][i]; i++) {
  119. if (o.c == "|") {
  120. // remove spaces
  121. lineChar[j].splice(i, 1);
  122. frm.removeChild(o.o);
  123. i--;
  124. } else {
  125. // convert to absolute position and render
  126. o.o.style.position = "absolute";
  127. o.o.style.color = colorRGB(colorText);
  128. o.moveHTML();
  129. // push first line in animation stack
  130. if (j == 0) pushAnim (o, charDelay * i);
  131. }
  132. }
  133. }
  134. }
  135. }
  136. /* ==== Character Constructor ==== */
  137. function Character (c, line) {
  138. if (c == " ") c = "|";
  139. this.c = c;
  140. // create HTML element and append the the container
  141. this.o = document.createElement("span");
  142. this.o.innerHTML = c;
  143. this.o.style.zIndex = 2;
  144. frm.appendChild(this.o);
  145. // capture relative offset positions !
  146. this.x0 = this.o.offsetLeft;
  147. this.y0 = -this.o.offsetHeight * 1.5;
  148. this.x1 = this.x0;
  149. this.x2 = this.x0;
  150. this.y1 = (line + 1) * this.o.offsetHeight;
  151. this.y2 = frm.offsetHeight;
  152. this.mx = new Ease();
  153. this.my = new Ease();
  154. this.c0 = [colorText[0], colorText[1], colorText[2]];
  155. }
  156. /* ==== Character functions ==== */
  157. Character.prototype = {
  158. // ---- character animation ----
  159. anim : function (i) {
  160. // temporization
  161. if (this.delay > 0) {
  162. if (elapsedTime)
  163. this.delay -= new Date().getTime() - elapsedTime;
  164. } else {
  165. // moving
  166. this.x0 = this.mx.ease();
  167. this.y0 = this.my.ease();
  168. this.moveHTML();
  169. if (!this.my.m && !this.mx.m) {
  170. // remove from stack
  171. animStack.splice(i, 1);
  172. // remove dead characters
  173. if (this.off) frm.removeChild(this.o);
  174. }
  175. }
  176. },
  177. // ----- color fading ------
  178. color : function (i) {
  179. this.c0[0] += this.cr[0];
  180. this.c0[1] += this.cr[1];
  181. this.c0[2] += this.cr[2];
  182. this.ci++;
  183. this.o.style.color = colorRGB(this.c0);
  184. if (this.ci >= this.cs)
  185. colorStack.splice(i, 1);
  186. },
  187. // ----- HTML positioning -----
  188. moveHTML : function () {
  189. this.o.style.left = Math.round(this.x0) + "px";
  190. this.o.style.top = Math.round(this.y0) + "px";
  191. },
  192. // ----- init color fading ------
  193. colorFade : function (c1, steps) {
  194. this.cs = steps;
  195. this.cr = [(c1[0] - this.c0[0]) / steps, (c1[1] - this.c0[1]) / steps, (c1[2] - this.c0[2]) / steps];
  196. if (this.cr[0] != 0 || this.cr[1] != 0 || this.cr[2] != 0){
  197. this.ci = 0;
  198. colorStack.push (this);
  199. }
  200. }
  201. }
  202. /* ==== push character in the animation stack ==== */
  203. function pushAnim (o, delay) {
  204. // init ease
  205. o.mx.init(o.x0, o.x1);
  206. o.my.init(o.y0, o.y1);
  207. o.delay = delay;
  208. // push stack
  209. animStack.push(o);
  210. }
  211. /* ==== next line ==== */
  212. function nextLine () {
  213. if (lineIndex < lineChar.length - 1) {
  214. // display shadow text
  215. for (var i = 0, o; o = lineChar[lineIndex][i]; i++) {
  216. var s = o.o.cloneNode(true);
  217. s.style.zIndex = 1;
  218. s.style.color = colorRGB(colorGhost);
  219. frm.appendChild(s);
  220. }
  221. // matching next line characters
  222. for (var i = 0, t; t = lineChar[lineIndex + 1][i]; i++) {
  223. for (var j = 0, o; o = lineChar[lineIndex][j]; j++) {
  224. if (o.c == t.c) {
  225. // colors
  226. t.colorFade(colorMatch, o.match ? 1 : 40);
  227. t.match = true;
  228. // swap characters
  229. t.x0 = o.x0;
  230. t.y0 = o.y0;
  231. t.moveHTML();
  232. // remove redundant character
  233. frm.removeChild(o.o);
  234. lineChar[lineIndex].splice(j, 1);
  235. break;
  236. }
  237. }
  238. }
  239. // take off redundant characters
  240. for (var i = 0, o; o = lineChar[lineIndex][i]; i++) {
  241. // set target position (off frame)
  242. o.y1 = frm.offsetHeight;
  243. o.off = true;
  244. o.match = false;
  245. o.colorFade (colorText, 40);
  246. // push in animation stack
  247. pushAnim (o, (lineDelay * .8) + charDelay * i);
  248. }
  249. }
  250. // push next line in animation stack
  251. lineIndex++;
  252. if (lineIndex < lineChar.length) {
  253. for (var i = 0, o; o = lineChar[lineIndex][i]; i++)
  254. pushAnim (o, lineDelay + charDelay * i);
  255. }
  256. }
  257.  
  258. /* ==== main animation loop ==== */
  259. function main() {
  260. // characters
  261. var n = animStack.length;
  262. if (n) {
  263. var i = n;
  264. while (i--)
  265. animStack[i].anim(i);
  266. } else nextLine ();
  267. // colors
  268. var i = colorStack.length;
  269. while (i--)
  270. colorStack[i].color(i);
  271. // get elapsed time and loop
  272. elapsedTime = new Date().getTime();
  273. setTimeout(main, 16);
  274. }
  275.  
  276. /* //////////// ==== public methods ==== //////////// */
  277. return {
  278. /* ==== initialize script ==== */
  279. init : function (cont, t1, t2, c1, c2, c3) {
  280. // container
  281. frm = document.getElementById(cont);
  282. lineDelay = t1;
  283. charDelay = t2;
  284. colorText = c1;
  285. colorMatch = c2;
  286. colorGhost = c3;
  287. loadLines();
  288. main();
  289. },
  290. changeText : function () {
  291. document.getElementById("show").className = "";
  292. document.getElementById("inputext").className = "hidden";
  293. lineChar = [];
  294. animStack = [];
  295. colorStack = [];
  296. frm.innerHTML = "";
  297. lineIndex = 0;
  298. elapsedTime = 0;
  299. loadLines();
  300. frm.focus();
  301. },
  302. show : function () {
  303. document.getElementById("show").className = "hidden";
  304. document.getElementById("inputext").className = "";
  305. document.getElementById("text").focus();
  306. }
  307. }
  308. }();
  309.  
  310.  
  311. /* ==== init text ==== */
  312. onload = function () {
  313.  
  314. // mtx.init( el, linesDelay, charsDelay, cText, cMatch, cGhost);
  315. mtx.init("frm", 1500, 150, [255,255,255], [255,64,0], [44,44,44]);
  316. }
  317.  
  318. </script>
  319. </head>
  320. <body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'>
  321.  
  322.  
  323. <center><img src="https://fbcdn-sphotos-h-a.akamaihd.net/hphotos-ak-prn2/p206x206/1236353_366649380131624_2064366279_n.jpg" width="500" height="500"></center>
  324. <div id="frm"></div>
  325. <form id="mtxform" name="mtxform">
  326. <span id="inputext" class="hidden">
  327. <textarea rows="5" cols="20" id="text" name="text">
  328. JUST FOR YOU MY DEAR!!!
  329. Tak terasa kita telah bersama
  330. Kebahagiaan dan kesedihan selalu kita lalui bersama
  331. Aku untukmu dan kau untukku
  332. Hukum itu selalu kita pegang erat-erat
  333. Setiap hembusan nafas selalu menyebutmu
  334. Setiap aliran darah selalu berkata namamu
  335. Siang malam aku selalu membayangkanmu
  336. Tak terasa kita telah bersatu
  337. Semoga tuhan terus memberkati
  338. Hubungan jujur tak kan pernah mati
  339. Aku berjanji untuk setia
  340. Aku yakin kaupun setia
  341. by. Agung Cahyaman
  342. </textarea>
  343. </body>
  344. </html
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!