Kezdőknek könyebben
A kódot a honlapszerkesztőben a <head> részbe kell illeszteni.
<!--{cke_protected}%3Cscript%20type%3D%22text%2Fjavascript%22%20%20language%3D%22javascript%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%2F*%20Circle%20Text%20Styles%20*%2F%0A%23outerCircleText%20%7B%0A%2F*%20Optional%20-%20DO%20NOT%20SET%20FONT-SIZE%20HERE%2C%20SET%20IT%20IN%20THE%20SCRIPT%20*%2F%0Afont-style%3A%20italic%3B%0Afont-weight%3A%20bold%3B%0Afont-family%3A%20'comic%20sans%20ms'%2C%20verdana%2C%20arial%3B%0Acolor%3A%20%23000%3B%0A%2F*%20End%20Optional%20*%2F%0A%0A%2F*%20Start%20Required%20-%20Do%20Not%20Edit%20*%2F%0Aposition%3A%20absolute%3Btop%3A%200%3Bleft%3A%200%3Bz-index%3A%203000%3Bcursor%3A%20default%3B%7D%0A%23outerCircleText%20div%20%7Bposition%3A%20relative%3B%7D%0A%23outerCircleText%20div%20div%20%7Bposition%3A%20absolute%3Btop%3A%200%3Bleft%3A%200%3Btext-align%3A%20center%3B%7D%0A%2F*%20End%20Required%20*%2F%0A%2F*%20End%20Circle%20Text%20Styles%20*%2F%0A%3C%2Fstyle%3E%0A%3Cscript%20type%3D%22text%2Fjavascript%22%3E%0A%0A%2F*%20Circling%20text%20trail-%20Tim%20Tilton%0A%20%20%20Website%3A%20http%3A%2F%2Fwww.tempermedia.com%2F%0A%20%20%20Visit%3A%20http%3A%2F%2Fwww.dynamicdrive.com%2F%20for%20Original%20Source%20and%20tons%20of%20scripts%0A%20%20%20Modified%20Here%20for%20more%20flexibility%20and%20modern%20browser%20support%0A%20%20%20Modifications%20as%20first%20seen%20in%20http%3A%2F%2Fwww.dynamicdrive.com%2Fforums%2F%0A%20%20%20username%3Ajscheuer1%20-%20This%20notice%20must%20remain%20for%20legal%20use%0A%20%20%20*%2F%0A%0A%3B(function()%7B%0A%0A%2F%2F%20Your%20message%20here%20(QUOTED%20STRING)%0Avar%20msg%20%3D%20%22Zajicz%20Studio%20Team%20-%20Hungary%22%3B%0A%0A%2F*%20THE%20REST%20OF%20THE%20EDITABLE%20VALUES%20BELOW%20ARE%20ALL%20UNQUOTED%20NUMBERS%20*%2F%0A%0A%2F%2F%20Set%20font's%20style%20size%20for%20calculating%20dimensions%0A%2F%2F%20Set%20to%20number%20of%20desired%20pixels%20font%20size%20(decimal%20and%20negative%20numbers%20not%20allowed)%0Avar%20size%20%3D%2024%3B%0A%0A%2F%2F%20Set%20both%20to%201%20for%20plain%20circle%2C%20set%20one%20of%20them%20to%202%20for%20oval%0A%2F%2F%20Other%20numbers%20%26%20decimals%20can%20have%20interesting%20effects%2C%20keep%20these%20low%20(0%20to%203)%0Avar%20circleY%20%3D%200.75%3B%20var%20circleX%20%3D%202%3B%0A%0A%2F%2F%20The%20larger%20this%20divisor%2C%20the%20smaller%20the%20spaces%20between%20letters%0A%2F%2F%20(decimals%20allowed%2C%20not%20negative%20numbers)%0Avar%20letter_spacing%20%3D%205%3B%0A%0A%2F%2F%20The%20larger%20this%20multiplier%2C%20the%20bigger%20the%20circle%2Foval%0A%2F%2F%20(decimals%20allowed%2C%20not%20negative%20numbers%2C%20some%20rounding%20is%20applied)%0Avar%20diameter%20%3D%2010%3B%0A%0A%2F%2F%20Rotation%20speed%2C%20set%20it%20negative%20if%20you%20want%20it%20to%20spin%20clockwise%20(decimals%20allowed)%0Avar%20rotation%20%3D%200.4%3B%0A%0A%2F%2F%20This%20is%20not%20the%20rotation%20speed%2C%20its%20the%20reaction%20speed%2C%20keep%20low!%0A%2F%2F%20Set%20this%20to%201%20or%20a%20decimal%20less%20than%20one%20(decimals%20allowed%2C%20not%20negative%20numbers)%0Avar%20speed%20%3D%200.3%3B%0A%0A%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%20Stop%20Editing%20%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%0A%0Aif%20(!window.addEventListener%20%26%26%20!window.attachEvent%20%7C%7C%20!document.createElement)%20return%3B%0A%0Amsg%20%3D%20msg.split('')%3B%0Avar%20n%20%3D%20msg.length%20-%201%2C%20a%20%3D%20Math.round(size%20*%20diameter%20*%200.208333)%2C%20currStep%20%3D%2020%2C%0Aymouse%20%3D%20a%20*%20circleY%20%2B%2020%2C%20xmouse%20%3D%20a%20*%20circleX%20%2B%2020%2C%20y%20%3D%20%5B%5D%2C%20x%20%3D%20%5B%5D%2C%20Y%20%3D%20%5B%5D%2C%20X%20%3D%20%5B%5D%2C%0Ao%20%3D%20document.createElement('div')%2C%20oi%20%3D%20document.createElement('div')%2C%0Ab%20%3D%20document.compatMode%20%26%26%20document.compatMode%20!%3D%20%22BackCompat%22%3F%20document.documentElement%20%3A%20document.body%2C%0A%0Amouse%20%3D%20function(e)%7B%0A%20e%20%3D%20e%20%7C%7C%20window.event%3B%0A%20ymouse%20%3D%20!isNaN(e.pageY)%3F%20e.pageY%20%3A%20e.clientY%3B%20%2F%2F%20y-position%0A%20xmouse%20%3D%20!isNaN(e.pageX)%3F%20e.pageX%20%3A%20e.clientX%3B%20%2F%2F%20x-position%0A%7D%2C%0A%0Amakecircle%20%3D%20function()%7B%20%2F%2F%20rotation%2Fpositioning%0A%20if(init.nopy)%7B%0A%20%20o.style.top%20%3D%20(b%20%7C%7C%20document.body).scrollTop%20%2B%20'px'%3B%0A%20%20o.style.left%20%3D%20(b%20%7C%7C%20document.body).scrollLeft%20%2B%20'px'%3B%0A%20%7D%3B%0A%20currStep%20-%3D%20rotation%3B%0A%20for%20(var%20d%2C%20i%20%3D%20n%3B%20i%20%3E%20-1%3B%20%2D%2Di)%7B%20%2F%2F%20makes%20the%20circle%0A%20%20d%20%3D%20document.getElementById('iemsg'%20%2B%20i).style%3B%0A%20%20d.top%20%3D%20Math.round(y%5Bi%5D%20%2B%20a%20*%20Math.sin((currStep%20%2B%20i)%20%2F%20letter_spacing)%20*%20circleY%20-%2015)%20%2B%20'px'%3B%0A%20%20d.left%20%3D%20Math.round(x%5Bi%5D%20%2B%20a%20*%20Math.cos((currStep%20%2B%20i)%20%2F%20letter_spacing)%20*%20circleX)%20%2B%20'px'%3B%0A%20%7D%3B%0A%7D%2C%0A%0Adrag%20%3D%20function()%7B%20%2F%2F%20makes%20the%20resistance%0A%20y%5B0%5D%20%3D%20Y%5B0%5D%20%2B%3D%20(ymouse%20-%20Y%5B0%5D)%20*%20speed%3B%0A%20x%5B0%5D%20%3D%20X%5B0%5D%20%2B%3D%20(xmouse%20-%2020%20-%20X%5B0%5D)%20*%20speed%3B%0A%20for%20(var%20i%20%3D%20n%3B%20i%20%3E%200%3B%20%2D%2Di)%7B%0A%20%20y%5Bi%5D%20%3D%20Y%5Bi%5D%20%2B%3D%20(y%5Bi-1%5D%20-%20Y%5Bi%5D)%20*%20speed%3B%0A%20%20x%5Bi%5D%20%3D%20X%5Bi%5D%20%2B%3D%20(x%5Bi-1%5D%20-%20X%5Bi%5D)%20*%20speed%3B%0A%20%7D%3B%0A%20makecircle()%3B%0A%7D%2C%0A%0Ainit%20%3D%20function()%7B%20%2F%2F%20appends%20message%20divs%2C%20%26%20sets%20initial%20values%20for%20positioning%20arrays%0A%20if(!isNaN(window.pageYOffset))%7B%0A%20%20ymouse%20%2B%3D%20window.pageYOffset%3B%0A%20%20xmouse%20%2B%3D%20window.pageXOffset%3B%0A%20%7D%20else%20init.nopy%20%3D%20true%3B%0A%20for%20(var%20d%2C%20i%20%3D%20n%3B%20i%20%3E%20-1%3B%20%2D%2Di)%7B%0A%20%20d%20%3D%20document.createElement('div')%3B%20d.id%20%3D%20'iemsg'%20%2B%20i%3B%0A%20%20d.style.height%20%3D%20d.style.width%20%3D%20a%20%2B%20'px'%3B%0A%20%20d.appendChild(document.createTextNode(msg%5Bi%5D))%3B%0A%20%20oi.appendChild(d)%3B%20y%5Bi%5D%20%3D%20x%5Bi%5D%20%3D%20Y%5Bi%5D%20%3D%20X%5Bi%5D%20%3D%200%3B%0A%20%7D%3B%0A%20o.appendChild(oi)%3B%20document.body.appendChild(o)%3B%0A%20setInterval(drag%2C%2025)%3B%0A%7D%2C%0A%0Aascroll%20%3D%20function()%7B%0A%20ymouse%20%2B%3D%20window.pageYOffset%3B%0A%20xmouse%20%2B%3D%20window.pageXOffset%3B%0A%20window.removeEventListener('scroll'%2C%20ascroll%2C%20false)%3B%0A%7D%3B%0A%0Ao.id%20%3D%20'outerCircleText'%3B%20o.style.fontSize%20%3D%20size%20%2B%20'px'%3B%0A%0Aif%20(window.addEventListener)%7B%0A%20window.addEventListener('load'%2C%20init%2C%20false)%3B%0A%20document.addEventListener('mouseover'%2C%20mouse%2C%20false)%3B%0A%20document.addEventListener('mousemove'%2C%20mouse%2C%20false)%3B%0A%20%20if%20(%2FApple%2F.test(navigator.vendor))%0A%20%20%20window.addEventListener('scroll'%2C%20ascroll%2C%20false)%3B%0A%7D%0Aelse%20if%20(window.attachEvent)%7B%0A%20window.attachEvent('onload'%2C%20init)%3B%0A%20document.attachEvent('onmousemove'%2C%20mouse)%3B%0A%7D%3B%0A%0A%7D)()%3B%0A%0A%3C%2Fscript%3E-->
Kezdőlap | Nyomtatás | Oldaltérkép | RSS