א"ב בבנית אתרים

TextSlicer

<html>
<head>
<TITLE>TextSlicer: slice and slice your news</TITLE>

// CREDITS:
// TextSlicer by Urs Dudli and Peter Gehrig
// Copyright (c) 2000 Peter Gehrig and Urs Dudli. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at http://www.24fun.ch. )-- הפמ חוקל טפירקסה-
// info@24fun.ch
// 2/16/2000

// IMPORTANT:
// If you add this script to a script-library or script-archive
// you have to add a hyperlink to http://www.24fun.ch on the webpage
// where this script will be running.

// CONFIGURATION:
// Configure the script as follows:
// 1. Copy and paste the two script-blocks into your HTML-file:
// The first script-block should be inside the head-section of your HTML-file.
// The second script-block should be inside the body-section.
// 2. Copy and paste the style-sheet inside head-section of your HTML-file.
// Use the style-sheet in order to configure font, font-weight, font-size,
// border, background-color etc. of your textbox.
// 3. Insert onLoad="initiate()" right into the body-tag.
// 4. Configure the variables below:

// Edit your messages. You can add as many messages a you like.
var message = new Array()
message[0]="WELCOME TO THE DHTML FUNZONE"
message[1]="ENJOY OUR SCRIPT-SHOW"
message[2]="STEAL OUR SCRIPTS"
message[3]="AND ADD THEM TO YOUR SITE"

// The links of your messages. Be sure that you configure as many links as messages.
// If don't want to link your messages write '#' instead of an URL (see last sample).
var messageurl = new Array()
messageurl[0]="http://www.24fun.ch"
messageurl[1]="http://www.24fun.ch"
messageurl[2]="http://www.24fun.ch"
messageurl[3]="#"

// The width of your textbox (pixels).
// Be sure that 'textwidth' is slightly bigger than the 'width' configured inside the stylesheet
var textwidth=260

// The height of your textbox (pixels)
// Be sure that 'textheight' is slightly bigger than the 'height' configured inside the stylesheet
var textheight=75

// Final horizontal position of the textbox: distance to the left margin of the window (pixels)
// IMPORTANT:
// if you want to center the textbox in the middle of the browser-window then write -1.
// If you want to place the textbox on an absolute position
// then write the number (for instance 223).
var x_finalpos=-1

// Final vertical position of the textbox: distance to the top margin of the window
var y_finalpos=20

// Total number of textslices
var textslices=10

// Standstill of textbox (seconds)
var pausetext=2

// Speed of horizontal gliding
var step=40
var pause=10

// Do not edit the variables below this line
var x_rightspans=0
var x_leftspans=0
var marginright
var marginleft
var height_slice=Math.floor(textheight/textslices)
var cliptop=0
var clipbottom=cliptop+height_slice
var clipleft=0
var clipright=textwidth
var spannummer=0
var spannrbefore=0
var i_message=0
pausetext=pausetext*1000

function initiate() {
if (document.all) {
if (x_finalpos==-1) {
x_finalpos=Math.floor(document.body.clientWidth/2)-Math.floor(textwidth/2)
}
changemessage()
}
}

function changemessage() {
for (i=0;i<=textslices-1;i++) {
var thisspan=eval("span"+i)
thisspan.innerHTML="<a href='"+messageurl[i_message]+"' target='blank'>"+message[i_message]+"</a>"
}
gostartposition()
}

// - End of JavaScript - -->
</script>

</head>

for (i=1;i<=textslices-1;i+=2) {
marginleft=-textwidth-50
document.write("<span class='textbox' id='span"+i+"' style='position:absolute;visibility:visible; left:"+marginleft+"px;top:"+y_finalpos+"px;clip:rect("+cliptop+"px "+clipright+"px "+clipbottom+"px "+clipleft+"px)'>")
document.write("</span>")
cliptop+=2*height_slice
clipbottom+=2*height_slice
}
}
// - End of JavaScript - -->
</script>

</DIV>

</body>
</html>