Вход Регистрация
* Taltos *

текст при наведении

  1. <html>
  2. <head>
  3. <title>При наведениии на сссылку появляется текст, который постепенно увеличивается и меняет цвет,а на его месте появляется другой.</title>
  4. <script language="JavaScript" type="text/javascript">
  5. // the number of rings
  6. var ringnumber=4
  7.  
  8. // do not edit the code below
  9. var x,y
  10. var timer
  11. var i_fontsize=new Array
  12. var step=new Array
  13. ringnumber=ringnumber-1
  14. var maxfontsize=600
  15. var startfontsize=1
  16.  
  17. for (i=0;i<=ringnumber;i++) {
  18. i_fontsize[i]=startfontsize
  19. step[i]=ringnumber*i*10
  20. startfontsize=(maxfontsize/ringnumber)*(i+1)
  21. }
  22.  
  23. function cursorposition(e){
  24. x=event.clientX+document.body.scrollLeft
  25. y=event.clientY+document.body.scrollTop
  26. }
  27.  
  28. function showrings() {
  29. if (document.all) {
  30. for (i=0;i<=ringnumber;i++) {
  31. if (i_fontsize[i]>=maxfontsize) {i_fontsize[i]=1;step[i]=1}
  32. var thisring=eval("document.all.ring"+i+".style")
  33. thisring.visibility="visible"
  34. thisring.fontSize=i_fontsize[i]
  35. thisring.color="rgb("+Math.floor(i_fontsize[i]/2.0)+","+Math.floor(i_fontsize[i]/2.0)+",255)"
  36. thisring.posLeft=x-(Math.floor(i_fontsize[i]/3))
  37. thisring.posTop=y-(Math.floor(i_fontsize[i]/1.4))
  38. step[i]+=2
  39. i_fontsize[i]+=step[i]
  40. }
  41. timer=setTimeout("showrings()",50)
  42. }
  43. }
  44.  
  45. function hiderings(e){
  46. if (document.all) {
  47. clearTimeout(timer)
  48. startfontsize=0
  49. for (i=0;i<=ringnumber;i++) {
  50. thisring=eval("document.all.ring"+i+".style")
  51. thisring.visibility="hidden"
  52. i_fontsize[i]=startfontsize
  53. step[i]=ringnumber*i*10
  54. startfontsize=Math.floor((maxfontsize/ringnumber))*(i+1)
  55. }
  56. }
  57. }
  58.  
  59. if (document.all) {
  60. document.onmousemove=cursorposition;
  61. }
  62.  
  63. if (document.all) {
  64. for (i=0;i<=ringnumber;i++) {
  65. document.write("<DIV id='ring"+i+"' style='position:absolute;font-family:Verdana;'>°</DIV>")
  66. }
  67. document.write("<DIV style='position:relative;'>")
  68. }
  69. </script>
  70. </head>
  71. <body>
  72. <a href="http://scriptic.narod.ru" onMouseOver="showrings()" onMouseOut="hiderings()">Scriptic.narod.ru</a>
  73. </body>
  74. </html>
» Описание: При наведениии на сссылку появляется текст, который постепенно увеличивается и меняет цвет,а на его месте появляется другой.
» Время добавления: 13 Марта 2015 в 09:49
» Посмотров: 1500
» textarea
» Рейтинг: [+0 | -0]
Комментарии [0]
Онлайн: 1
Реклама