סקריפטול - כל מה שצריך כדי לבנות אתר

סקריפטים

--------------------------------------
שים/י את הסמן בתיבת הטקסט
לחץ/י Ctrl + A על מנת לסמן
לחץ/י Ctrl + C על מנת להעתיק
יש באפשרותכם לראות הדגמה של הקוד
ע"י לחיצה על "לניסיון לחץ כאן"
--------------------------------------

הדגשה במעבר עכבר על קישור

דוגמא

הוספה למועדפים
לניסיון לחץ כאן

הפיכה לדף הבית
לניסיון לחץ כאן

תפריט בסיסי ופשוט
לניסיון לחץ כאן

פנס מאיר בחושך
לניסיון לחץ כאן

<html>

<head>
<title>(type a title for your page here)</title>
<style>td {
font-family: arial,helvetica; font-size: 10pt
}
body {
background-color: black
}
a {
color: navy; text-decoration: none
}
a:hover {
color: red
}
a:visited:unknown {
color: #808080
}
#divexcont {
background-color: white; clip: rect(0px 0px 0px 0px); left: -1px; position: absolute; top: -1px; layer-background-color: white
}
#divcircle {
position: absolute; visibility: hidden; width: 200px; z-index: 500
}
</style>

//easy browsercheck.
var n = (document.layers) ? 1:0;
var ie = (document.all) ? 1:0;

/******************************************************************************
making the clipobject part
******************************************************************************/ 
function makeobj(obj,nest,x,y){
nest=(!nest) ? '':'document.'+nest+'.' 
this.css=(n) ? eval(nest+'document.'+obj):eval('document.all.'+obj+'.style') 
this.clipit=b_clipit; this.clip=b_clip;
this.clipto=b_clipto; 
this.obj = obj + "object"; eval(this.obj + "=this") 
return this
}
//clip part
function b_clipto(t,r,b,l){
if(n){this.css.clip.top=t;this.css.clip.right=r;this.css.clip.bottom=b;this.css.clip.left=l
}else{
this.css.clip="rect("+t+","+r+","+b+","+l+")";
}
}
function b_clipit(tstop,rstop,bstop,lstop,step,fn){
if(!fn) fn=null
var clipval=new array()
if(ie) {
clipval=this.css.clip
clipval=clipval.slice(5,clipval.length-1);
clipval=clipval.split(' ')
for(var i=0;i<4;i++){clipval[i]=parseint(clipval[i])}

}else{
clipval[0]=this.css.clip.top

clipval[1]=this.css.clip.right

clipval[2]=this.css.clip.bottom

clipval[3]=this.css.clip.left

}
totantstep=math.max(math.max(math.abs((tstop-clipval[0])/step),math.abs((rstop-clipval[1])/step)),

math.max(math.abs((bstop-clipval[2])/step),math.abs((lstop-clipval[3])/step)))
if(!this.clipactive)
this.clip(clipval[0],clipval[1],clipval[2],clipval[3],(tstop-clipval[0])/totantstep,
(rstop-clipval[1])/totantstep,(bstop-clipval[2])/totantstep,
(lstop-clipval[3])/totantstep,totantstep,0, fn)
}
function b_clip(tcurr,rcurr,bcurr,lcurr,tperstep,rperstep,bperstep,lperstep,totantstep,antstep, fn){
tcurr=tcurr+tperstep; rcurr=rcurr+rperstep

bcurr=bcurr+bperstep; lcurr=lcurr+lperstep

this.clipto(tcurr,rcurr,bcurr,lcurr)
if(antstep<totantstep){
this.clipactive=true

antstep++
settimeout(this.obj+".clip("+tcurr+","+rcurr+","+bcurr+","+lcurr+","+tperstep+","
+rperstep+","+bperstep+","+lperstep+","+totantstep+","+antstep+",'"+fn+"')",50) 
}else{
this.clipactive=false

eval(fn)
}
}
/******************************************************************************
initiating the page and the clip objects.
******************************************************************************/ 
function spotinit(){
pagewidth=(n)?innerwidth:document.body.offsetwidth;

pageheight=(n)?innerheight:document.body.offsetheight;

oexcont=new makeobj('divexcont')
oexcont.clipto(0,0,0,0)
if(ie){oexcont.css.width=pagewidth+10;oexcont.css.height=pageheight+10}

ocircle=new makeobj('divcircle','divexcont')
ocircle.css.visibility="visible"
if(n)document.captureevents(event.mousemove)
document.onmousemove=movecircle;

}
function movecircle(e){
x=(n)?e.pagex:event.x;y=(n)?e.pagey:event.y

oexcont.clipto(y-100,x+100,y+100,x-100)
ocircle.css.left=x-100;ocircle.css.top=y-100

}
//this is being called when someone clicks the circle.
function showcont(){
document.onmousemove=null

ocircle.css.visibility="hidden"
oexcont.clipit(-20,pagewidth+20,pageheight+20,-20,20)
}

onload=spotinit;

</script>
</head>

<div id=divexcont>
<div id=divcircle><a 
href="#" 
onclick="showcont(); if(ie)this.blur()"><img border=0 height=241 
<img src=panas.gif>
width=234></a> </div>
<table border=0 cellpadding=5 cellspacing=5 width="96%">
<tbody>
<tr>
<td width="100%"><font face=arial,helvetica size=-1><img alt=devhead 
border=0 height=35 
src="tophead.gif" 
width=35><font color=#003399 face=arial,helvetica size=-1><b>live demo: 
dynamic spotlight</b></font> 
<p>
הכנס את הטקסט שלך כאן<br>הכנס את הטקסט שלך כאן<br>הכנס את הטקסט שלך כאן<br>
הכנס את הטקסט שלך כאן<br>הכנס את הטקסט שלך כאן<br>הכנס את הטקסט שלך כאן<br>
הכנס את הטקסט שלך כאן<br>הכנס את הטקסט שלך כאן<br>הכנס את הטקסט שלך כאן<br>
........................<br>

........................<br>

</body>

</form>

הזזת רקע
לניסיון לחץ כאן

כפתורי קדימה ואחורה
לניסיון לחץ כאן

קישורי קדימה ואחורה
לניסיון לחץ כאן

הודעה קופצת במעבר מעל טקסט
לניסיון לחץ כאן

בלה
לניסיון לחץ כאן



כל הזכויות שמורות למנהלי האתר	ראשי סקריפטים כתבות על האתר מועדפים דף הבית צרו קשר