Script 11: The prompt information next to the mouse, similar to the page prompt effect after logging in 163
<a href="#" title="This is a prompt">tip</a>
<script Language="JavaScript">
//*************** Default setting definition.************************
tPop Wait=50;//Stay Wait milliseconds and displays a prompt.
topShow=5000;//The prompt is closed after displaying Show milliseconds.
showPopStep=20;
popOpacity=99;
//*************** Internal variable definition************************
sPop=null;
curShow=null;
tFadeOut=null;
tFadeIn=null;
tFadeWaiting=null;
("<style type='text/css'id='defaultPopStyle'>");
(".cPopText { background-color: #F8F8F5;color:#000000; border: 1px #000000 solid;font-color: font-size: 12px; padding-right: 4px; padding-left: 4px; height: 20px; padding-top: 2px; padding-bottom: 2px; filter: Alpha(Opacity=0)}");
("</style>");
("<div id='dypopLayer' style='position:absolute;z-index:1000;' class='cPopText'></div>");
function showPopupText(){
var o=;
MouseX=;
MouseY=;
if(!=null && !=""){=;=""};
if(!=null && !=""){=;=""};
if(!=sPop) {
sPop=;
clearTimeout(curShow);
clearTimeout(tFadeOut);
clearTimeout(tFadeIn);
clearTimeout(tFadeWaiting);
if(sPop==null || sPop=="") {
="";
="Alpha()";
=0;
}
else {
if(!=null) popStyle=
else popStyle="cPopText";
curShow=setTimeout("showIt()",tPopWait);
}
}
}
function showIt(){
=popStyle;
=sPop;
popWidth=;
popHeight=;
if(MouseX+12+popWidth>) popLeftAdjust=-popWidth-24
else popLeftAdjust=0;
if(MouseY+12+popHeight>) popTopAdjust=-popHeight-24
else popTopAdjust=0;
=MouseX+12++popLeftAdjust;
=MouseY+12++popTopAdjust;
="Alpha(Opacity=0)";
fadeOut();
}
function fadeOut(){
if(<popOpacity) {
+=showPopStep;
tFadeOut=setTimeout("fadeOut()",1);
}
else {
=popOpacity;
tFadeWaiting=setTimeout("fadeIn()",tPopShow);
}
}
function fadeIn(){
if(>0) {
-=1;
tFadeIn=setTimeout("fadeIn()",1);
}
}
=showPopupText;
</script>
Script 12: If the text is too long, the too long part will be turned into an ellipsis to display
<DIV STYLE="width: 120px; height: 50px; border: 1px solid blue;
overflow: hidden; text-overflow:ellipsis">
<NOBR>For example, there is a line of text that is very long and cannot be displayed in a row in the table.</NOBR>
</DIV>
Script 13: Scrolling pictures
<script language="javascript">
imgArr=new Array()
imgArr[0]="<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'><img src=/mapcard/images/LP_card_1.gif border=0></a>"
imgArr[1]="<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'><img src=/mapcard/images/LP_card_1.gif border=0></a>"
imgArr[2]="<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'><img src=/mapcard/images/LP_card_1.gif border=0></a>"
imgArr[3]="<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'><img src=/mapcard/images/LP_card_1.gif border=0></a>"
imgArr[4]="<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'><img src=/mapcard/images/LP_card_1.gif border=0></a>"
var moveStep=4 //Step size, unit: pixel
var moveRelax=100 //Movement time interval, unit: ms
ns4=()?true:false
var displayImgAmount=4 //The number of displays in the viewing window
var divWidth=220 //Placeholding width per picture
var divHeight=145 //The placeholding of each picture is high
var startDnum=0
var nextDnum=startDnum+displayImgAmount
var timeID
var outHover=false
var startDivClipLeft
var nextDivClipRight
function initDivPlace(){
if (ns4){
for (i=0;i<displayImgAmount;i++){
eval(""+i+".left="+divWidth*i)
}
for (i=displayImgAmount;i<;i++){
eval(""+i+".left="+divWidth*displayImgAmount)
}
}else{
for (i=0;i<displayImgAmount;i++){
eval(""+i+".="+divWidth*i)
}
for (i=displayImgAmount;i<;i++){
eval(""+i+".="+divWidth*displayImgAmount)
}
}
}
function mvStart(){
timeID=setTimeout(moveLeftDiv,moveRelax)
}
function mvStop(){
clearTimeout(timeID)
}
function moveLeftDiv(){
if (ns4){
for (i=0;i<=displayImgAmount;i++){
eval(""+parseInt((startDnum+i)%)+".left="+parseInt((startDnum+i)%)+".left-moveStep")
}
startDivClipLeft=parseInt(eval(""+startDnum+"."))
nextDivClipRight=parseInt(eval(""+nextDnum+"."))
if (startDivClipLeft+moveStep>divWidth){
eval(""+nextDnum+".="+divWidth)
eval(""+startDnum+".left="+divWidth*displayImgAmount)
eval(""+parseInt((nextDnum+1)%)+".left="+nextDnum+".left+"+divWidth)
eval(""+parseInt((nextDnum+1)%)+".=0")
startDnum=(++startDnum)%
nextDnum=(startDnum+displayImgAmount)%
startDivClipLeft=moveStep-(divWidth-startDivClipLeft)
nextDivClipRight=moveStep-(divWidth-nextDivClipRight)
}else{
eval(""+nextDnum+".=0")
startDivClipLeft+=moveStep
nextDivClipRight+=moveStep
}
eval(""+startDnum+".="+startDivClipLeft)
eval(""+nextDnum+".="+nextDivClipRight)
}else{
for (i=0;i<=displayImgAmount;i++){
eval(""+parseInt((startDnum+i)%)+".="+parseInt((startDnum+i)%)+".-moveStep")
}
startDivClipLeft=parseInt(eval(""+startDnum+"."))
nextDivClipRight=parseInt(eval(""+nextDnum+"."))
if (startDivClipLeft+moveStep>divWidth){
eval(""+nextDnum+".='rect(0,"+divWidth+","+divHeight+",0"+")'")
eval(""+startDnum+".="+divWidth*displayImgAmount)
eval(""+parseInt((nextDnum+1)%)+".="+nextDnum+".+"+divWidth)
startDnum=(++startDnum)%
nextDnum=(startDnum+displayImgAmount)%
startDivClipLeft=moveStep-(divWidth-startDivClipLeft)
nextDivClipRight=moveStep-(divWidth-nextDivClipRight)
}else{
startDivClipLeft+=moveStep
nextDivClipRight+=moveStep
}
eval(""+startDnum+".='rect(0,"+divWidth+","+divHeight+","+startDivClipLeft+")'")
eval(""+nextDnum+".='rect(0,"+nextDivClipRight+","+divHeight+",0)'")
}
if (outHover){
mvStop()
}else{
mvStart()
}
}
function writeDivs(){
if (ns4){
("<ilayer name=divOuter width=750 height="+divHeight+">")
for (i=0;i<;i++){
("<layer name=divAds"+i+">")
(imgArr[i]+" ")
("</layer>")
}
("</ilayer>")
()
for (i=displayImgAmount;i<;i++){
eval(""+i+".=0")
}
}else{
("<div id=divOuter style='position:relative' width=750 height="+divHeight+">")
for (i=0;i<;i++){
("<div id=divAds"+i+" style='position:absolute;clip:rect(0,"+divWidth+","+divHeight+",0)'>")
(imgArr[i]+" ")
("</div>")
}
("</div>")
for (i=displayImgAmount;i<;i++){
eval(""+i+".='rect(0,0,"+divHeight+",0)'")
}
}
}
</script>
<BODY onload=javascript:mvStart()>
<SCRIPT language=javascript>writeDivs();initDivPlace();</SCRIPT>
Previous page12345Next pageRead the full text