Advertisement
M00371202

related cw1 javascript with css

Oct 31st, 2013
35
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.33 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <h2 align="center">
  5. <script language="JavaScript1.2">
  6.  
  7.  
  8. var message="Welcome to Drop Box Homepage!"
  9. var neonbasecolor="blue"
  10. var neontextcolor="green"
  11. var flashspeed=100
  12.  
  13.  
  14. var n=0
  15. if (document.all||document.getElementById){
  16. document.write('<font color="'+neonbasecolor+'">')
  17. for (m=0;m<message.length;m++)
  18. document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
  19. document.write('</font>')
  20.  
  21. }
  22. else
  23. document.write(message)
  24.  
  25. function crossref(number){
  26. var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
  27. return crossobj
  28. }
  29.  
  30. function neon(){
  31.  
  32. //Change all letters to base color
  33. if (n==0){
  34. for (m=0;m<message.length;m++)
  35. //eval("document.all.neonlight"+m).style.color=neonbasecolor
  36. crossref(m).style.color=neonbasecolor
  37. }
  38.  
  39. //cycle through and change individual letters to neon color
  40. crossref(n).style.color=neontextcolor
  41.  
  42. if (n<message.length-1)
  43. n++
  44. else{
  45. n=0
  46. clearInterval(flashing)
  47. setTimeout("beginneon()",1500)
  48. return
  49. }
  50. }
  51.  
  52. function beginneon(){
  53. if (document.all||document.getElementById)
  54. flashing=setInterval("neon()",flashspeed)
  55. }
  56. beginneon()
  57.  
  58. </script>
  59.  
  60. </h2>
  61. <meta charset="utf-8" />
  62. <title>CSS3 Forms</title>
  63. <link rel="stylesheet" href="css/CSS3.css" type="text/css" />
  64. </head>
  65. <body>
  66. <div class="wrapper">
  67.  
  68. <h3 align="center">create an account</h3>
  69.  
  70. <form id="form" action="" method="" name="" align="center">
  71. <label for="input-1" align="center">FirstName</label>
  72. <input type="text" firstname="input-1" id="input-1" /><br><br><br>
  73.  
  74. <form id="form" action="" method="" lastname="">
  75. <label for="input-2" align="center">LastName</label>
  76. <input type="text" lastname="input-2" id="input-2" /><br><br><br>
  77.  
  78. <form id="form" action="" method="" password="">
  79. <label for="input-3" align="center">Password</label>
  80. <input type="text" lastname="input-3" id="input-3" /><br><br><br>
  81.  
  82. <label for="input-4" align="center">E-mail</label>
  83. <input type="text" name="input-4" id="input-4" />
  84. <input type="submit" name="submit" id="submit" value="Submit">
  85. </form><br><br>
  86. <form>
  87. <input type="checkbox" name="terms and condition" value="Terms">I agree to drop box terms<br>
  88.  
  89. </form>
  90. </div>
  91. </html>
  92. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement