Веб-мастеру

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Веб-мастеру » JavaScripts и JQuery » Библиотека JavaScripts


Библиотека JavaScripts

Сообщений 1 страница 3 из 3

1

Библиотека JavaScripts

Работа с текстом

1. Мерцающий текст
Код:
function glowit(which){
if (document.all.glowtext[which].filters[0].strength==5)
document.all.glowtext[which].filters[0].strength=ampl//amplituda swechenij
else
document.all.glowtext[which].filters[0].strength=5
}
function glowit2(which){
if (document.all.glowtext.filters[0].strength==5)
document.all.glowtext.filters[0].strength=3
else
document.all.glowtext.filters[0].strength=5
}
function startglowing(){
if (document.all.glowtext&&glowtext.length){
for (i=0;i<glowtext.length;i++)
eval('setInterval("glowit('+i+')",chastota)')//chastota mercanij
}
else if (glowtext)
setInterval("glowit2(0)",150)
}
if (document.all)
window.onload=startglowing
2. Смена цвета мерцания
Код:
var rate = 500//chastota mercanij
var i = 0
var F = 'F1'
function doThing(){
if (document.getElementById&&document.all) { 
ok = true
i++;
if (i==1) F = 'F1'
if (i==2) F = 'F2'
if (i==3) F = 'F3' 
YammaYamma.className=F
if (i > 2) i = 0
timer=setTimeout('doThing()', rate)
} 
}
3. Волнообразный текст
Код:
function fanyol()
{
if(document.all.text.filters[0].freq > 5)
document.all.text.filters[0].freq = 2;
document.all.text.filters[0].freq += 1;
if(document.all.text.filters[0].phase > 5)
document.all.text.filters[0].phase = 1;
document.all.text.filters[0].phase += 5;
if(document.all.text.filters[0].strength > 5)
document.all.text.filters[0].strength = 4;
document.all.text.filters[0].strength += 1;
window.setTimeout("fanyol()",90);//skorost wolny
}
fanyol();
4. Увеличивающийся текст
Код:
bname=navigator.appName;  
bversion=parseInt(navigator.appVersion)  
if ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4)){  
if (bname=="Netscape"){  
brows=true  
del=50  
}  
else{  
brows=false  
del=100  
}  
var msg=0;  
var z=0;  
var timer1;  
var timer2;  
//-------------
 
function start(){  
if ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4)){  
if(z<values.length){  
if (brows){  
document.layers['text'].document.writeln('<P Class="main"><font color="'+color[msg]+'" size="'+values[z]+'"face="Areal"><NOBR>'+message[msg]+'</NOBR></font></P>')   
document.layers['text'].document.close();  
}  
else{  

text.innerHTML='<Pre><P Class="main" align="center"><font color="'+color[msg]+'" size="'+values[z]+'" face="Areal"><NOBR>'+message[msg]+'</NOBR></font></P></Pre>'  
}  
z++;  
timer1=window.setTimeout('start()',del)
}  
else  
chg();  
}  
}  
function stop(){  
if ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4))  
window.clearTimeout(timer1);  
window.clearTimeout(timer2);  
}  
function chg(){  
if (brows){  
document.layers['text'].document.writeln('')  
document.layers['text'].document.close();  
}  
else  
text.innerHTML='';  
if(msg<message.length-1){  
msg++;  
}  
else  
msg=0;  
z=0;  
timer2=window.setTimeout('start()',1000)  
}  
}  
// done hiding -->
5. Волнообразный текст с отражением
Код:
var t=0;
var w=0;

var bcol=Number(cwet).toString(16);
t = bcol.length; for (var i=0; i<6-t; i++) bcol = '0'+bcol;
var txtColor='#'+bcol;

var bcol=Number(cwetotr).toString(16);
t = bcol.length; for (var i=0; i<6-t; i++) bcol = '0'+bcol;
var bcol='#'+bcol;

if (fontFace==0) fontFace = 'Arial, Helvetica, sans-serif';
  else if (fontFace==1) fontFace = 'Times New Roman, serif';
  else if (fontFace==2) fontFace = 'Courier New, Courier, mono';
  else if (fontFace==3) fontFace = 'Georgia, Times New Roman, Times, serif';
  else fontFace = 'Verdana, Arial, Helvetica, sans-serif';

document.writeln('<table border=0 width='+mwi+'><tr><td>');
document.writeln('<div id="jswsmain" align=center style="width='+mwi+'px; color='+txtColor+'; font-family: '+fontFace+'; font-weight: '+fontWeight+'; font-size: '+fontSize+';">'+tee+'</div>');
document.writeln('<div style="width='+mwi+'px; filter:FlipV"><div id="jswsshade" align=center style="width='+mwi+'px; color='+bcol+'; font-family: '+fontFace+'; font-weight: '+fontWeight+'; font-size: '+fontSize+';">'+tee+'</div></div>');
document.writeln('</td></tr></table>');

function getRef(etcn) {
  if (document.layers) return document.layers[etcn];
    else if (document.all) return document.all[etcn];
    else return document.getElementById(etcn);
}

function jswswavy() {
  if (document.layers) return;
  if (window.opera) return;
  if (!document.all) return;
  w++; w = w%100;
  var o = getRef("jswsmain");
  o.style.filter = 'Wave(Add=0, Freq=1, LightStrength=0, Phase='+w+', Strength='+swave+')';
  var o = getRef("jswsshade");
  o.style.filter = 'Wave(Add=0, Freq=1, LightStrength=0, Phase='+(100-w)+', Strength='+swave+')';
  setTimeout("jswswavy()",tpause);
}

jswswavy();
6. Всплывающий текст с отражением и светящееся название
Код:
<!--

var movx, movy, ang, o, t;



t = scol.length; for (var i=0; i<6-t; i++) scol = '0'+scol;
scol = '#'+scol;

t = gcol.length; for (var i=0; i<6-t; i++) gcol = '0'+gcol;
gcol = '#'+gcol;

t = dcol.length; for (var i=0; i<6-t; i++) dcol = '0'+dcol;
dcol = '#'+dcol;



t = txtColor.length; for (var i=0; i<6-t; i++) txtColor = '0'+txtColor;
txtColor = '#'+txtColor;

t = shadeColor.length; for (var i=0; i<6-t; i++) shadeColor = '0'+shadeColor;
shadeColor = '#'+shadeColor;

if (fontFace==0) fontFace = 'Arial, Helvetica, sans-serif';
  else if (fontFace==1) fontFace = 'Times New Roman, serif';
  else if (fontFace==2) fontFace = 'Courier New, Courier, mono';
  else if (fontFace==3) fontFace = 'Georgia, Times New Roman, Times, serif';
  else fontFace = 'Verdana, Arial, Helvetica, sans-serif';
var fontWeight='plain';

ang = 0; t = 0;

function getRef(etcn) {
  if (document.layers) return document.layers[etcn];
    else if (document.all) return document.all[etcn];
    else return document.getElementById(etcn);
}

for (var i=0; i<maxitems; i++) {
  document.writeln('<div id="s'+i+'" style="position:absolute; top:0px; left:0px; color='+scol+';">.</div>');
}
document.writeln('<div id="ctop" style="height=0px; overflow:hidden;">');
document.writeln('<div id="mess0" style="position:relative; top:0px; color='+txtColor+'; font-family: '+fontFace+'; font-weight: '+fontWeight+'; font-size: '+fontSize+';">'+titl+'</div>');
document.writeln('</div>');
document.writeln('<div id="cbot" style="filter:FlipV; height=0px; overflow:hidden;">');
document.writeln('<div id="zmess0" style="position:relative; top:0px; color='+shadeColor+'; font-family: '+fontFace+'; font-weight: '+fontWeight+'; font-size: '+fontSize+';">'+titl+'</div>');
document.writeln('</div>');

document.writeln('<div id="allmess" style="filter:Glow(Color='+gcol+', Strength=4); position:relative; width:100%; color='+dcol+'; font-family: '+fontFace+'; font-weight: '+fontWeight+'; font-size: '+(fontSize/2)+';">');
document.writeln(desc);
document.writeln('</div>');

function movestars() {
  if ((document.all) && (!document.opera)) {
	movx = document.body.clientWidth-50;
	movy = document.body.clientHeight-64;
  } else {
	movx = window.innerWidth-50;
	movy = window.innerHeight-64;
  }
  for (var i=0; i<maxitems; i++) {
	o = getRef('s'+i);
	o.style.left = Math.round(movx/2 + 20 + Math.cos((ang+i*360/maxitems)*Math.PI/180)*movx/2);
	o.style.top = Math.round(movy/2 + Math.sin((ang+i*360/maxitems)*Math.PI/180)*Math.sin(ang*Math.PI/180)*movy/2);
  }
  o = getRef("ctop");
//  o.style.width = movx;
  o.style.height = fontSize;
  o = getRef("mess0");
  o.style.top = Math.round(fontSize - Math.abs(Math.sin(ang*Math.PI/180)*fontSize));
  o = getRef("cbot");
//  o.style.width = movx;
  o.style.height = fontSize;
//  o.style.top = Math.round(movy/2);
  o = getRef("zmess0");
  o.style.top = Math.round(fontSize-Math.abs(Math.sin(ang*Math.PI/180)*fontSize));
  t++;
  ang += astep;
  setTimeout("movestars()",tpause);
}

movestars();

//-->

//DO NOT MODIFY
/*
<APPLETINFO>
appletname=jspopstarintro
applettype=JAVASCRIPT
created=1084433972539
appletfilename=jspopstarintro1.js
appletfilename=jspopstarintro1.js
appletfilename=jspopstarintro1.js
appletfilename=jspopstarintro1.js
appletfilename=jspopstarintro1.js
appletfilename=jspopstarintro1.js
appletfilename=jspopstarintro1.js
</APPLETINFO>
<JAVASCRIPT>
fontsize=40
stars=77
astep=5
tpause=20
titl=Effect Maker
desc=JavaScript intro using advanced IE5+ features.
fontface=0
fontwe=plain
tcol=255
scol=65535
gcol=16711680
dcol=16777215
stcol=65280
</JAVASCRIPT>
<HTMLGENERATOR>
null</HTMLGENERATOR>
*/
7. Мерцающий текст с плавающим отражением
Код:
var t=0;
var w=0;
var fontWeight='plain';

var txtColor=cwet1;

var bcol=Number(65535).toString(16);
t = bcol.length; for (var i=0; i<6-t; i++) bcol = cwet+bcol;
var gcol='#'+bcol;

var bcol=cwet2;

if (fontFace==0) fontFace = 'Arial, Helvetica, sans-serif';
  else if (fontFace==1) fontFace = 'Times New Roman, serif';
  else if (fontFace==2) fontFace = 'Monotype Corsiva,  Courier, mono';
  else if (fontFace==3) fontFace = 'Courier New, Georgia, Times New Roman, Times, serif';
  else fontFace = 'Verdana, Arial, Helvetica, sans-serif';

document.writeln('<table border=0 width='+mwi+'><tr><td>');
document.writeln('<div id="jsgbmain" align=center style="width='+mwi+'px; color='+txtColor+'; font-family: '+fontFace+'; font-weight: '+fontWeight+'; font-size: '+fontSize+';">'+tee+'</div>');
document.writeln('<div style="width='+mwi+'px; filter:FlipV"><div id="jsgbshade" align=center style="width='+mwi+'px; color='+bcol+'; font-family: '+fontFace+'; font-weight: '+fontWeight+'; font-size: '+fontSize+';">'+tee+'</div></div>');
document.writeln('</td></tr></table>');

function getRef(etcn) {
  if (document.layers) return document.layers[etcn];
    else if (document.all) return document.all[etcn];
    else return document.getElementById(etcn);
}

function jsgbwavy() {
  if (document.layers) return;
  if (window.opera) return;
  if (!document.all) return;
  w++;
  t = Math.abs(swave-w%(swave*2));
  var o = getRef("jsgbmain");
  o.style.filter = 'Glow(Color='+gcol+', Strength='+t+')';
  var o = getRef("jsgbshade");
  o.style.filter = 'Blur(Add=0, Direction=0, Strength='+t+')';
  setTimeout("jsgbwavy()",tpause);
}

jsgbwavy();
8. Текст выводимый побуквенно
Код:
var source,dest,len;
function show_text()
{
    source = document.getElementById("pageTextSource");
    dest = document.getElementById("pageText");
    len = source.innerHTML.length;
    show();
}

function show()
{
    dest.innerHTML += source.innerHTML.substr(now,letters);
    now+=letters;

    if(now<len)
    	setTimeout("show()",delay);
    }
}
9. Текст бегущий цветом
Код:
i = 0;
if (navigator.appName == "Netscape") {
document.write("<layer id=a visibility=show></layer>");
}
else {
document.write("<div id=a></div>");
}
function changeCharColor() {
if (navigator.appName == "Netscape") {
document.a.document.write("<font size =" + fontsize + "><font color=" + color1 + ">");
for (var j = 0; j < text.length; j++) {
if(j == i) {
document.a.document.write("<font color=" + color2 + ">" + text.charAt(i) + "</font>");
}
else {
document.a.document.write(text.charAt(j));
}
}
document.a.document.write('</font></font>');
document.a.document.close();
}
if (navigator.appName == "Microsoft Internet Explorer") {
str = "<font size=" + fontsize + "><font color=" + color1 + ">";
for (var j = 0; j < text.length; j++) {
if( j == i) {
str += "<font color=" + color2 + ">" + text.charAt(i) + "</font>";
}//osw 
else {
str += text.charAt(j);
}
}
str += "</font></font>";
a.innerHTML = str;
}
(i == text.length) ? i=0 : i++; 
}
setInterval("changeCharColor()", speed);
10. Текст плавно меняющий цвет
Код:
<!-- 
function table (n) {
var nb;
this.length = n;
for (var i = 1; i <=n; i++)
   if (i<10) {
     nb = i+"";
     nb = nb.substring(0,1);   	
     this[i] = nb;
   }
   return this;
}

function conversion(couleur) {
  var reste=1;
  var indice;
  var hexa1;
  var hexa2;
  var couleurHexa;
  tabHex = new table(16);

  tabHex[10]="A"; tabHex[11]="B"; tabHex[12]="C"; tabHex[13]="D"; tabHex[14]="E"; tabHex[15]="F";
  indice = 1;
  hexa2 = (couleur%16);
  hexa1 = parseInt(couleur/16);
  hexa2 = tabHex[hexa2];
  if (hexa2 == null)
    hexa2 = "0";
  hexa1 = tabHex[hexa1];
  if (hexa1 == null)
    hexa1 = "0";
  couleurHexa = hexa1 + hexa2;
  return couleurHexa;
}

function degrade(texte, taille, police, RGB) {
  var nbCouleurMax = gradacij;
  var facteur = nbCouleurMax/texte.length;
  var couleur;
  var i;
  var c1,c2,c3;

  for (i=0;i<texte.length;i++)   {
    ton=facteur*i;
    if (RGB == 0) {
      c1 = nachalo;
      c2 = conversion(ton);
      c3 = c2;
    }
   document.write ('<FONT SIZE=' + taille + ' FACE="' + police + '" COLOR="#' + c1 + c2 + c3 + '">' + texte.substring (i,i+1) + '</FONT>');
  } 
}
 -->

База будет обновляться

Отредактировано papas_tm_serjik (07.02.2012 12:18)

0

2

Если что, пишется JavaScripts https://forumupload.ru/uploads/0007/af/57/16415-1.gif (поправил заголовок темы)

0

3

Бегущая строка создаётся с помощью контейнера тэгов <marquee>...</marquee> со следующими атрибутами:

width="..." - ширина бегущей строки в пикселях или процентах от ширины экрана.
height="..." - высота бегущей строки в пикселях или процентах. (Если вы делаете бегущую строку в одну строчку, то можно высоту не указывать, она сама подбирается под размер букв).
bgcolor="..." - определяет цвет фона бегущей строки.
behavior="..." задает тип движения (поведение) бегущей строки и имеет следующие значения:
scroll - циклическая прокрутка текста из одного конца в другой
slide - текст появляется с одного края и останавливается у другого.
alternate - текст перемещается от одного края к другому и обратно.
direction="..." - определяет направление движения бегущей строки. Имеет следующие значения:
left - текст движется влево по строке
right - текст движется вправо по строке
up - вся строка перемещается снизу вверх
down - строка движется сверху вниз
scrollamount="..." - шаг перемещения в строке в пикселах, на который перемещается текст за заданный интервал времени.
scrolldelay="..." - Этот атрибут задаёт временной интервал между шагами бегущей строки в миллисекундах.
loop="..." - задаёт число проходов текста бегущей строки. По умолчанию или при указании значения -1 (infinite) броузер будет прокручивать текст бесконечное число раз.
hspace="..." - Этот атрибут задает поле в пикселах справа и слева от бегущей строки.
vspace="..." - Этот атрибут задает отступ в пикселах выше и ниже бегущей строки.

+1


Вы здесь » Веб-мастеру » JavaScripts и JQuery » Библиотека JavaScripts