Скрипты - 3 Февраля 2013 - Чайнику от чайника

Меню сайта

Наш опрос

Статистика

Онлайн всего: 1

Гостей: 1

Пользователей: 0

Форма входа

Календарь

Архив записей

2013 Февраль

Друзья сайта

Главная » 2013 » Февраль » 3 » Скрипты

20:52

Скрипты

Многие начинающие сайтостроители не понимают что такое Скрипты. Этим словом называют программы. Иногда надо например скриптовый счетчик посещений, защита от копирования, динамический сценарий. Несколько популярных скриптов приведу ниже. Пользуйся если хочешь.

Защита от копирования.

Если вставишь этот скрипт, отключится мышка, и копировать текст обычным способом станет невозможно.
Для чего это надо?
К сожалению, текст часто воруют и вставляют на другой сайт.
Полной защиты этот скрипт не дает. Опытные пользователи все равно своруют. Но, большинство юзеров не знают как его обойти или ленятся.

Динамический сценарий открывающий скрытый текст.

И скрипт и код вставляется на HTML страничке. Область применения – обычно для загадок. На страничке пишется загадка и ниже ОТВЕТ. Если нажать на эту кнопочку, вываливается правильный ответ. Хороший скрипт, но применяют его редко.

Коды скрипта выкладывать не стану...

Счетчики, голосовалки.

Счетчики и голосовалки сделаны обычно на JavaScript.
Код нужно скопировать и вставить куда тебе надо. Код выдается индивидуально, и для разных сайтов отличается. У меня стоит – Ли – это не просто счетчик, а статистика сайта. Подробнее читай на другой страничке.

Скрипт - Бегущая строка в поле статуса.

Напоминает анекдот - ... я так рада, я так рада, что вы все из Ленинграда!
Вставлять такой скрипт нет смысла. Только глаза утомляет.

Вместо слов – спасибо, что заглянули – можно вставить свой текст.

Красивый курсор.

Это не скрипт. Просто специальная картинка. Видна только в ИЕ.......... , а это значит, что половина посетителей твой прибабах не увидят.

Текст бегает за курсором – это динамический скрипт.

<DIV id=dot0 style="HEIGHT: px; POSITION: absolute; VISIBILITY: hidden; WIDTH: px"><IMG border=0 src=""></DIV>
<DIV id=dot1 style="HEIGHT: px; POSITION: absolute; WIDTH: px"><IMG border=0
src="http://i011.radikal.ru/0804/aa/7b78ff596054.gif" >
</DIV>
<DIV id=dot2 style="HEIGHT: px; POSITION: absolute; WIDTH: px"><IMG border=0 src="http://i011.radikal.ru/0804/aa/7b78ff596054.gif" >
 </DIV>
<DIV id=dot3 style="HEIGHT: px; POSITION: absolute; WIDTH: px"><IMG border=0 src="http://i011.radikal.ru/0804/aa/7b78ff596054.gif" >
</DIV>
<DIV id=dot4 style="HEIGHT: px; POSITION: absolute; WIDTH: px"><IMG border=0 src="http://i011.radikal.ru/0804/aa/7b78ff596054.gif" >
</DIV>
<DIV id=dot5 style="HEIGHT: px; POSITION: absolute; WIDTH: px"><IMG border=0 src="http://i011.radikal.ru/0804/aa/7b78ff596054.gif" >
</DIV>
<DIV id=dot6 style="HEIGHT: px; POSITION: absolute; WIDTH: px"><IMG border=0 src="http://i011.radikal.ru/0804/aa/7b78ff596054.gif" >
</DIV>
<SCRIPT language=JavaScript>
/*
Elastic Bullets
Philip Winston
<winston@cs.unc.edu>
10/98

Script edit§Ы sur l"§Ыditeur JavaScript
http://www.editeurjavascript.com
*/
var nDots = 7;
var Xpos = 0;
var Ypos = 0;
var DELTAT = .01;
var SEGLEN = 10;
var SPRINGK = 10;
var MASS = 0.8;
var GRAVITY = 60;
var RESISTANCE = 12;
var STOPVEL = 0.1;
var STOPACC = 0.1;
var DOTSIZE = 10;
var BOUNCE = 0.75;
var isNetscape = navigator.appName=="Netscape";
var followmouse = true;
var dots = new Array();
init();
function init() {
var i = 0;
for (i = 0; i < nDots; i++) {
dots[i] = new dot(i);
}
if (!isNetscape) {
}
for (i = 0; i < nDots; i++) {
dots[i].obj.left = dots[i].X;
dots[i].obj.top = dots[i].Y;
}
if (isNetscape) {
startanimate();
} else {
setTimeout("startanimate()", 3000);
 }
}
function dot(i) {
this.X = Xpos;
this.Y = Ypos;
this.dx = 0;
this.dy = 0;
if (isNetscape) {
this.obj = eval("document.dot" + i);
} else {
this.obj = eval("dot" + i + ".style");
 }
}
function startanimate() {

setInterval("animate()", 20);
}
function setInitPositions(dots) {
var startloc = document.all.tags("LI");
var i = 0;
for (i = 0; i < startloc.length && i < (nDots - 1); i++) {
dots[i+1].X = startloc[i].offsetLeft
startloc[i].offsetParent.offsetLeft - DOTSIZE;
dots[i+1].Y = startloc[i].offsetTop +
startloc[i].offsetParent.offsetTop + 2*DOTSIZE;
}
dots[0].X = dots[1].X;
dots[0].Y = dots[1].Y - SEGLEN;
}
function MoveHandler(e) {
Xpos = e.pageX;
Ypos = e.pageY;
return true;
}
function MoveHandlerIE() {
Xpos = window.event.x + document.body.scrollLeft;
Ypos = window.event.y + document.body.scrollTop;
}
if (isNetscape) {
document.captureEvents(Event.MOUSEMOVE);
document.onMouseMove = MoveHandler;
} else {
document.оnmousemove = MoveHandlerIE;
}
function vec(X, Y)
{
this.X = X;
this.Y = Y;
}
function springForce(i, j, spring)
{
var dx = (dots[i].X - dots[j].X);
var dy = (dots[i].Y - dots[j].Y);
var len = Math.sqrt(dx*dx + dy*dy);
if (len > SEGLEN) {
var springF = SPRINGK * (len - SEGLEN);
spring.X += (dx / len) * springF;
spring.Y += (dy / len) * springF;
 }
}
function animate() {
var start = 0;
if (followmouse) {
dots[0].X = Xpos;
dots[0].Y = Ypos;
start = 1;
}
for (i = start ; i < nDots; i++ ) {
var spring = new vec(0, 0);
if (i > 0) {
springForce(i-1, i, spring);
}
if (i < (nDots - 1)) {
springForce(i+1, i, spring);
}
var resist = new vec(-dots[i].dx * RESISTANCE, -dots[i].dy * RESISTANCE);
var accel = new vec((spring.X + resist.X)/ MASS, (spring.Y + resist.Y)/ MASS + GRAVITY);
dots[i].dx += (DELTAT * accel.X);
dots[i].dy += (DELTAT * accel.Y);
if (Math.abs(dots[i].dx) < STOPVEL &&
Math.abs(dots[i].dy) < STOPVEL &&
Math.abs(accel.X) < STOPACC &&
Math.abs(accel.Y) < STOPACC) {
dots[i].dx = 0;
dots[i].dy = 0;
}
dots[i].X += dots[i].dx;
dots[i].Y += dots[i].dy;
var height, width;
if (isNetscape)
{
height = window.innerHeight + document.scrollTop;
width = window.innerWidth + document.scrollLeft;
} else {
height = document.body.clientHeight + document.body.scrollTop;
width = document.body.clientWidth + document.body.scrollLeft;
}
if (dots[i].Y >= height - DOTSIZE - 1) {
if (dots[i].dy > 0) {
dots[i].dy = BOUNCE * -dots[i].dy;
}
dots[i].Y = height - DOTSIZE - 1;
}
if (dots[i].X >= width - DOTSIZE) {
if (dots[i].dx > 0) {
dots[i].dx = BOUNCE * -dots[i].dx;
}
dots[i].X = width - DOTSIZE - 1;
}
if (dots[i].X < 0) {
if (dots[i].dx < 0) {
dots[i].dx = BOUNCE * -dots[i].dx;
}
dots[i].X = 0;
}
dots[i].obj.left = dots[i].X;
dots[i].obj.top = dots[i].Y;
 }
}
</script>

буквы бегающие за курсором

/* Start Required - Do Not Edit */
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
/* End Required */
/* End Circle Text Styles */
</style>
<script type="text/javascript">

/* Circling text trail- Tim Tilton
 Website: http://www.tempermedia.com/
 Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
 Modified Here for more flexibility and modern browser support
 Modifications as first seen in http://www.dynamicdrive.com/forums/
 username:jscheuer1 - This notice must remain for legal use
 */

;(function(){

// Your message here (QUOTED STRING)
var msg = "Dynamic Drive! Scripts & More!";

/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */

// Set font"s style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 24;

// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;

// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;

// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;

// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;

////////////////////// Stop Editing //////////////////////

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split("");
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement("div"), oi = document.createElement("div"),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,

mouse = function(e){
 e = e || window.event;
 ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
 xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},

makecircle = function(){ // rotation/positioning
 if(init.nopy){
 o.style.top = (b || document.body).scrollTop + "px";
 o.style.left = (b || document.body).scrollLeft + "px";
 };
 currStep -= rotation;
 for (var d, i = n; i > -1; --i){ // makes the circle
 d = document.getElementById("iemsg" + i).style;
 d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + "px";
 d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + "px";
 };
},

drag = function(){ // makes the resistance
 y[0] = Y[0] += (ymouse - Y[0]) * speed;
 x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
 for (var i = n; i > 0; --i){
 y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
 x[i] = X[i] += (x[i-1] - X[i]) * speed;
 };
 makecircle();
},

init = function(){ // appends message divs, & sets initial values for positioning arrays
 if(!isNaN(window.pageYOffset)){
 ymouse += window.pageYOffset;
 xmouse += window.pageXOffset;
 } else init.nopy = true;
 for (var d, i = n; i > -1; --i){
 d = document.createElement("div"); d.id = "iemsg" + i;
 d.style.height = d.style.width = a + "px";
 d.appendChild(document.createTextNode(msg[i]));
 oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
 };
 o.appendChild(oi); document.body.appendChild(o);
 setInterval(drag, 25);
},

ascroll = function(){
 ymouse += window.pageYOffset;
 xmouse += window.pageXOffset;
 window.removeEventListener("scroll", ascroll, false);
};

o.id = "outerCircleText"; o.style.fontSize = size + "px";

if (window.addEventListener){
 window.addEventListener("load", init, false);
 document.addEventListener("mouseover", mouse, false);
 document.addEventListener("mousemove", mouse, false);
 if (/Apple/.test(navigator.vendor))
 window.addEventListener("scroll", ascroll, false);
}
else if (window.attachEvent){
 window.attachEvent("оnload", init);
 document.attachEvent("оnmousemove", mouse);
};

})();

</script>

Из курсора вылетают и пузырятся красные сердечки.

Есть несколько вариантов этого скрипта. Старые работают только в браузере IE. 
Ниже находится правильный, новый скрипт. Пользуйся на здоровье!
Внимание! Этот скрипт не вставляй вместе с скриптом - Текст бегает за курсором.

<SCRIPT language=JavaScript>

 </SCRIPT>

Скрипт двигает фон слева направо.

Красиво получается не всегда. Очень многое зависит от самого фона. Скорость передвижения ты легко можешь изменить сама.

Купидон летает 15 секунд по всему сайту и затем пропадает.

Купидончик с луком и стрелами

Пример

<!--

/*
Flying Cupids- By Dynamic Drive, based on script by Kurt (kurt.grigg@virgin.net)
For full source, usage terms, and 100"s more DHTML scripts
Visit http://www.dynamicdrive.com
*/

Cupid=new Image();
Cupid.src="cute.gif"; //specify path to Cupid image
amount=3; //Number of cupids, minimum must be 3.
Xpos=700; //cupids x coordinates, in pixel
Ypos=200; //cupids y coordinates, in pixel
step=0.3; //Animation speed (smaller is slower)
dismissafter=10; //seconds after which Cupids should disappear, in seconds

yBase=xBase=currStep=a_count=0;
b_count=1;
c_count=2;
d_count=3;
move=1;
if (document.layers||ns6){
yBase=window.innerHeight/3;
xBase=window.innerWidth/6;
if (document.layers)
window.captureEvents(Event.MOUSEMOVE);

}
if (document.all){
yBase = window.document.body.offsetHeight/3;
xBase = window.document.body.offsetWidth/6;
}

function dismisscupid(){
clearInterval(flycupid)
if (document.layers){
for (i2=0; i2 < amount; i2++){
document.layers["n"+i2].visibility="hide"
}
}
else if (document.all)
document.all.out.style.visibility="hidden"
else if (ns6)
document.getElementById("out").style.visibility="hidden"
}

if (document.layers){
for (i=0; i < amount; i++)
document.layers["n"+i].document.images["nsi"].src=Cupid.src
}
else if (document.all){
for (i=0; i < amount; i++)
document.all.msieBats[i].src=Cupid.src
}
else if (ns6){
for (i=0; i < amount; i++)
document.getElementById("ns6Bats"+i).src=Cupid.src
}

function Animate(){
a_count+=move;
b_count+=move;
c_count+=move;
currStep+=step;
if (a_count >= bats.length) a_count=0;
if (b_count >= bats.length) b_count=0;
if (c_count >= bats.length) c_count=0;
if (document.layers){
for (i=0; i < amount; i++) {
 var NewL="n"+i
 document.layers[NewL].top = Ypos+yBase*Math.sin(((currStep)+i*3.7)/4)*Math.cos((currStep+i*35)/10)
 document.layers[NewL].left =Xpos+xBase*Math.cos(((currStep)+i*3.7)/4)*Math.cos((currStep+i*35)/62)
 }
}

if (document.all){
for (i=0; i < amount; i++){
 document.all.msieBats[i].style.pixelTop = Ypos+yBase*Math.sin(((currStep)+i*3.7)/4)*Math.cos((currStep+i*35)/10)
 document.all.msieBats[i].style.pixelLeft =Xpos+xBase*Math.cos(((currStep)+i*3.7)/4)*Math.cos((currStep+i*35)/62)
 }
}

if (ns6){
for (i=0; i < amount; i++){
 document.getElementById("ns6Bats"+i).style.top = Ypos+yBase*Math.sin(((currStep)+i*3.7)/4)*Math.cos((currStep+i*35)/10)
 document.getElementById("ns6Bats"+i).style.left =Xpos+xBase*Math.cos(((currStep)+i*3.7)/4)*Math.cos((currStep+i*35)/62)
 }
}

}
flycupid=setInterval("Animate()",30);
setTimeout("dismisscupid()",dismissafter*1000)
//-->
</script>

Сколько человек на сайте сейчас.

Часто вижу JavaScript Счетчик - Сколько посетителей на сайте Сейчас – такой никому не нужен. Зачем его ставят девчёнки я не знаю.
Можешь конечно вставить, но он точно никому не нужен. Он предназначен для форумов.

Просмотров: 285 | Добавил: Alenada | Теги: скрипты | Рейтинг: 0.0/0

Всего комментариев: 0

« Февраль 2013 »
Пн	Вт	Ср	Чт	Пт	Сб	Вс
				1	2	3
4	5	6	7	8	9	10
11	12	13	14	15	16	17
18	19	20	21	22	23	24
25	26	27	28


Имя *:
Email *:

Код *: