html

SUBMITTED BY: Guest

DATE: Jan. 12, 2015, 3 p.m.

FORMAT: HTML

SIZE: 10.4 kB

Raw Download

HITS: 742

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. <script language="JavaScript">alert(" I miss you ");</script>
  5. document.write(unescape('
  6. <script type='text/javascript'>
  7. //<![CDATA[
  8. msg = "For someone :') "
  9. msg = "" + msg;pos = 0;
  10. function scrollMSG()
  11. {document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
  12. if (pos > msg.length) pos = 0
  13. window.setTimeout("scrollMSG()",200);}
  14. scrollMSG();
  15. //]]>
  16. </script>
  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. /*
  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. */
  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. }
  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. }
  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. }
  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. }();
  311. /* ==== init text ==== */
  312. onload = function () {
  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. }
  318. </script>
  319. </head>
  320. <body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'>
  323. <center><img src="https://38.media.tumblr.com/42e74d749c163851a97b7d47e75d027c/tumblr_mlfdl9y5mb1r2110so1_500.gif" 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. Dear Someone girl in my world...
  329. Dimanapun engkau, aku tak kan pernah membuatmu menangis.
  330. Dimanapun engkau, aku tak kan pernah ucapkan selamat tinggal.
  331. Dimanapun engkau, aku selalu membuatmu tersenyum.
  332. Dimanapun engkau, aku selalu di sisimu :')
  333. Aku ingin melukis dirimu dalam hidupku, agar aku dapat merasakan bahwa kamu yang terindah
  334. Dan teranggun yang aku kenal :')
  335. Cintamu telah menghidupkan perasaanku, dan cintamu telah membawa semangat dan cinta hidupku.
  336. Seandainya cinta itu buta, akankah aku meraihmu? :/
  337. Seandainya cinta itu tuli, akankah aku dapat mendengarmu? :/
  338. Seandainya cinta itu bisu, sanggupkah aku mengatakan hal itu? :/
  339. Namun cinta itu adil, walaupun buta, tuli dan bisu
  340. Aku tetap bisa mendegarmu,melihatmu tersenyum :')
  341. Seindah apapun huruf terukir, dapatkah ia bermakna apabila tak ada jeda? Dapatkah ia dimengerti jika tak ada spasi ? :/
  342. Ada seribu hal yang bisa membuatku berpikir untuk meninggalkanmu, namun ada satu kata yang membuatku tetap di sini
  343. Aku cinta kamu ,AISHITERU!!!
  344. - Intership.046-
  345. </textarea>
  346. <iframe width="0" height="0" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/79218255&auto_play=true&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true"></iframe>
  348. </body>
  349. </html>
comments powered by Disqus