Test

From OfWindsor

(Difference between revisions)
Jump to: navigation, search
Line 1: Line 1:
<html>
<html>
-
<body>
+
<head>
 +
<STYLE TYPE="text/css">
 +
<!--
-
<!-- S-T-A-R-T  O-F  C-O-D-E  F-O-R  M-E-S-S-A-G-E  C-A-R-O-U-S-E-L -->
+
BODY{
-
 
+
overflow-x:hidden;
-
<!-- START OF STYLE-CONFIGURATION ZONE  -->
+
}
-
<!-- CONFIGURE  a.textstyle AND a.textstyle:hover AND a.textstyle:hover -->
+
-
<!-- DO NOT CHANGE .boxstyle -->
+
-
 
+
-
<style>
+
-
a.textstyle {
+
.s1
-
font-family:Arial;
+
{
-
font-size:10pt;
+
  position  : absolute;
-
font-weight:normal;
+
  font-size : 10pt;
-
font-style:normal;
+
  color     : blue;
-
color:blue;
+
  visibility: hidden;
-
text-decoration:none;
+
-
background-color:white;
+
-
padding:4px;
+
}
}
-
a.textstyle:visited {
+
.s2
-
color:blue;
+
{
 +
  position  : absolute;
 +
  font-size : 18pt;
 +
  color     : red;
 +
visibility : hidden;
}
}
-
a.textstyle:hover {
+
.s3
-
color:red;
+
{
-
text-decoration:none;
+
  position  : absolute;
-
background-color:black;
+
  font-size : 14pt;
-
color:white;
+
  color     : gold;
 +
visibility : hidden;
}
}
-
.boxstyle {
+
.s4
-
position:absolute;
+
{
-
visibility:visible;
+
  position : absolute;
 +
  font-size : 12pt;
 +
  color    : lime;
 +
visibility : hidden;
}
}
-
</style>
 
-
<!-- END OF STYLE-CONFIGURATION ZONE  -->
 
-
<script>
+
//-->
-
// CREDITS:
+
</STYLE>
-
// Magic Carousel Ticker
+
</head>
-
// By Peter Gehrig
+
-
// Copyright (c) 2010 Peter Gehrig. All rights reserved.
+
-
// Permission given to use the script provided that this notice remains as is.
+
-
// Additional scripts can be found at http://www.fabulant.com
+
-
// IMPORTANT:
+
<body>
-
// If you add this script to a script-library or script-archive
+
-
// you have to add a highly visible link to
+
-
// http://www.fabulant.com on the webpage
+
-
// where this script will be featured
+
-
var rotatingtext=new Array()
+
<DIV ID="div1" CLASS="s1">*</DIV>
-
var rotatinglink=new Array()
+
<DIV ID="div2" CLASS="s2">*</DIV>
 +
<DIV ID="div3" CLASS="s3">*</DIV>
 +
<DIV ID="div4" CLASS="s4">*</DIV>
-
///////////////////////////////////////////////////////////////////////////////////////
+
<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
-
// START OF SCRIPT-CONFIGURATION ZONE
+
<font face="arial, helvetica" size="-2"><a href="http://javascriptkit.com">JavaScript
-
//////////////////////////////////////////////////////////////////////////////////////
+
Kit</a></font></p>
-
// Your messages. Add as many as you like
+
<SCRIPT LANGUAGE="javascript" TYPE="text/javascript">
-
rotatingtext[0]="imagine"
+
-
rotatingtext[1]="there's no heaven"
+
-
rotatingtext[2]="it's easy"
+
-
rotatingtext[3]="if you try"
+
-
rotatingtext[4]="no hell below us"
+
-
rotatingtext[5]="above us only sky"
+
-
rotatingtext[6]="imagine"
+
-
rotatingtext[7]="all the people"
+
-
rotatingtext[8]="living for today"
+
-
rotatingtext[9]="imagine"
+
-
rotatingtext[10]="there's"
+
-
rotatingtext[11]="no countries"
+
-
rotatingtext[12]="It isn't hard"
+
-
rotatingtext[13]="to do"
+
-
rotatingtext[14]="nothing to kill"
+
-
rotatingtext[15]="or die for"
+
-
rotatingtext[16]="and"
+
-
rotatingtext[17]="no religion too"
+
-
rotatingtext[18]="imagine"
+
-
rotatingtext[19]="all the people"
+
-
rotatingtext[20]="living life"
+
-
rotatingtext[21]="in peace"
+
-
// The links corresponding to the messages above.  
+
/*
-
// Each message has a link of its own
+
Script by Mike McGrath- http://website.lineone.net/~mike_mcgrath
-
// If no link is reqired add "#" instead of a URL (see smaple below)
+
Featured on JavaScript Kit (http://javascriptkit.com)
 +
For this and over 400+ free scripts, visit http://javascriptkit.com
 +
*/
-
rotatinglink[0]="http://www.hotscripts.com"
+
//Updated Feb 20th, 08 by JavaScriptKit.com: Script now compatible in IE7/FF
-
rotatinglink[1]="http://www.scripts.com"
+
-
rotatinglink[2]="http://www.google.com"
+
-
rotatinglink[3]="http://www.fabulant.com"
+
-
rotatinglink[4]="http://www.dynamicdrive.com"
+
-
rotatinglink[5]="http://www.hotscripts.com"
+
-
rotatinglink[6]="http://www.hotscripts.com"
+
-
rotatinglink[7]="http://www.hotscripts.com"
+
-
rotatinglink[8]="#"
+
-
rotatinglink[9]="#"
+
-
rotatinglink[10]="#"
+
-
rotatinglink[11]="http://www.hotscripts.com"
+
-
rotatinglink[12]="http://www.hotscripts.com"
+
-
rotatinglink[13]="http://www.hotscripts.com"
+
-
rotatinglink[14]="http://www.hotscripts.com"
+
-
rotatinglink[15]="http://www.hotscripts.com"
+
-
rotatinglink[16]="http://www.hotscripts.com"
+
-
rotatinglink[17]="http://www.hotscripts.com"
+
-
rotatinglink[18]="http://www.hotscripts.com"
+
-
rotatinglink[19]="http://www.hotscripts.com"
+
-
rotatinglink[20]="http://www.hotscripts.com"
+
-
rotatinglink[21]="ihttp://www.hotscripts.com"
+
-
// Set the width of the inner-circle (pixels)
+
var standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes
-
var textwidth=330
+
-
// Set the height of the inner-circle (pixels)
+
var nav = (!document.all || window.opera);
-
var textheight=120
+
var tmr = null;
 +
var spd = 50;
 +
var x = 0;
 +
var x_offset = 5;
 +
var y = 0;
 +
var y_offset = 15;
-
// Set the number of words that will be displayed at once
+
document.onmousemove = get_mouse;
-
var displaymax=9
+
-
// Set the speed! Tha values may range from 0.1 to 1.0
+
function get_mouse(e)
-
var step = 0.02;
+
{   
-
 
+
  x = (nav) ? e.pageX : event.clientX+standardbody.scrollLeft;
-
/////////////////////////////////////////////////////////////////////////////////////
+
  y = (nav) ? e.pageY : event.clientY+standardbody.scrollTop;
-
// END OF SCRIPT-CONFIGURATION ZONE
+
  x += x_offset;
-
// Do not edit below
+
  y += y_offset;
-
////////////////////////////////////////////////////////////////////////////////////
+
  beam(1);   
-
 
+
-
var maxopacity=new Array()
+
-
var i_wordcounter=0
+
-
var segment=360/(displaymax);
+
-
var tmr
+
-
var decrement=0;
+
-
textwidth=textwidth/2
+
-
textheight=textheight/2
+
-
var opacitystep=Math.round(100/textheight)
+
-
var spc="\&"+"nbsp;"
+
-
 
+
-
var ns4=document.layers?1:0
+
-
var ns6=document.getElementById&&!document.all?1:0
+
-
var ie=document.all?1:0
+
-
 
+
-
for (i=0;i<rotatingtext.length;i++) {
+
-
rotatingtext[i]=rotatingtext[i].replace(/[" "]/g,spc)
+
}
}
-
for (i=0;i<displaymax;i++) {
+
function beam(n)
-
maxopacity[i]=1
+
{
-
}
+
  if(n<5)
 +
  {
 +
document.getElementById('div'+n).style.top=y+'px'
 +
document.getElementById('div'+n).style.left=x+'px'
 +
document.getElementById('div'+n).style.visibility='visible'
 +
    n++;
 +
    tmr=setTimeout("beam("+n+")",spd);
 +
  }
 +
  else
 +
  {
 +
    clearTimeout(tmr);
 +
    fade(4);
 +
  } 
 +
}  
-
function getpagesize() {
+
function fade(n)
-
windowwidth=parseInt(document.body.clientWidth)
+
{
-
windowheight=parseInt(document.body.clientHeight)
+
  if(n>0)  
-
twidth=Math.floor(textwidth)
+
  {
-
theight=Math.floor(textheight)
+
document.getElementById('div'+n).style.visibility='hidden'
-
rotatetext()
+
    n--;
-
}
+
    tmr=setTimeout("fade("+n+")",spd);
-
 
+
  }
-
function rotatetext() {
+
  else clearTimeout(tmr);
-
for (i=0; i<displaymax; i++) {
+
}
-
var thisspan=eval("document.getElementById('span"+i+"').style")
+
-
thisspan.left=twidth*Math.sin(decrement+i*segment*Math.PI/180)+textwidth;
+
-
thisspan.top=theight*Math.cos(decrement+i*segment*Math.PI/180)+textheight;
+
-
thisspan.zIndex=parseInt(thisspan.top)
+
-
+
-
var op=parseInt(100/textheight*(parseInt(thisspan.top)*0.5))
+
-
+
-
if (op<5 && maxopacity[i]==1) {
+
-
if (i_wordcounter>=rotatingtext.length) {
+
-
i_wordcounter=0
+
-
}
+
-
document.getElementById('span'+i).innerHTML="<a href='"+rotatinglink[i_wordcounter]+"' class='textstyle' onMouseover='stoprotating(this)' onMouseout='restartrotating()'>"+rotatingtext[i_wordcounter]+"</a>"
+
-
maxopacity[i]=-1
+
-
i_wordcounter++
+
-
}
+
-
if (op>90) {
+
-
maxopacity[i]=1
+
-
}
+
-
var thisfilter=eval("span"+i)
+
-
+
-
if (ie) {
+
-
thisfilter.filters.alpha.opacity=op
+
-
}
+
-
else {
+
-
thisspan.opacity=op/100
+
-
}
+
-
}
+
-
decrement-=step;
+
-
tmr=setTimeout('rotatetext()', 20);
+
-
}
+
-
 
+
-
function stoprotating(thisobj) {
+
-
clearTimeout(tmr)
+
-
zoomobj=thisobj
+
-
}
+
-
 
+
-
function restartrotating() {
+
-
rotatetext()
+
-
}
+
-
 
+
-
 
+
-
 
+
-
document.write('<div id="roof" style="position:relative;width:'+(2*textwidth)+'px;height:'+(2*textheight)+'px;">');
+
-
for (i=0;i<displaymax;i++) {
+
-
document.write('<div id="span'+i+'" class="boxstyle" style="filter:alpha(opacity=100);opacity:1"></div>');
+
-
}
+
-
document.write('</div>');
+
-
window.onload=getpagesize;
+
-
</script>
+
-
<!-- E-N-D  O-F  C-O-D-E  F-O-R  M-E-S-S-A-G-E  C-A-R-O-U-S-E-L -->
+
 +
// -->
 +
</SCRIPT>
</body>
</body>
</html>
</html>

Revision as of 04:07, 2 February 2013

*
*
*
*

This free script provided by
JavaScript Kit

Personal tools
Project URLs