Главная

Эффект с фоном - Форум

Регистрация

Вход
Суббота, 04.05.2024, 13:00
Приветствую Вас Гость нашего сайта | RSS
Сайт 1qq.pp.ru
[ Личные сообщения() · Участники · Правила форума · Поиск · RSS ]

  • Страница 1 из 2
  • 1
  • 2
  • »
Форум » Оформляем Сайт » Скрипты » Эффект с фоном
Эффект с фоном
svit-svitДата: Суббота, 12.12.2009, 01:48 | Сообщение # 1
Мудрец
Админ сайта

Сообщения: 65535


Имя:Светлана Королёва
Настроение:

Страна - Буркина Фасо

Город - Самый Лучший )))
Статус:

Регистрация: 12.06.2009
Админ сайта и форума
За мужество пройти регистрацию Люблю Планету Легких Крестиков! Светить всегда,светить везде и...точка!:) Смотрю ДурДомДва
Мой любимый питомец:

Code
<center>

<style>
.bgimages img {cursor:hand}
</style>
<script language="JavaScript1.2">
<!--

/*
Live Background Previewer Script-  
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/

function tile(){
if (!document.all)
return
var source=event.srcElement
if (source.tagName=="IMG")
document.body.style.backgroundImage="url("+source.src+")"
}

function restore(){
document.body.style.backgroundImage=''
}
document.body.onclick=restore
//-->
</script>

<span class="bgimages" onClick="tile();event.cancelBubble=true"><img src="http://img352.imageshack.us/img352/7018/animated151ks.gif">
<img src="http://img352.imageshack.us/img352/7592/animated145wf.gif">
<br><img src="http://img295.imageshack.us/img295/5601/animated122hq.gif">
<img src="http://img295.imageshack.us/img295/7503/animated117oj.gif"></span>



*Автору Спасибо сказали « » раза*

Если Вы стали для кого-то плохим, значит, Вы делали для него слишком много хорошего.
Лев Толстой.

МоИ вАлЯлКи


  ♥ ♥
svit-svitДата: Суббота, 12.12.2009, 01:51 | Сообщение # 2
Мудрец
Админ сайта

Сообщения: 65535


Имя:Светлана Королёва
Настроение:

Страна - Буркина Фасо

Город - Самый Лучший )))
Статус:

Регистрация: 12.06.2009
Админ сайта и форума
За мужество пройти регистрацию Люблю Планету Легких Крестиков! Светить всегда,светить везде и...точка!:) Смотрю ДурДомДва
Мой любимый питомец:
Code
<style>
<!--
.intro{
position:absolute;
left:0;
top:0;
layer-background-color:blue;
background-color:blue;
border:0.1px solid blue;
z-index:10;
}
-->
</style>

<div id="i1" class="intro"></div><div id="i2" class="intro"></div><div id="i3"
class="intro"></div><div id="i4" class="intro"></div><div id="i5" class="intro"></div><div
id="i6" class="intro"></div><div id="i7" class="intro"></div><div id="i8" class="intro"></div>
<script language="JavaScript1.2">

/*
Left-Right Stripy Curtain Script- © Dynamic Drive (www.dynamicdrive.com)
For full source code, 100's more free DHTML scripts, and TOS,
visit http://www.dynamicdrive.com
*/

var ns4=document.layers?1:0
var ie4=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0

var speed=20
var temp=new Array()
var temp2=new Array()
if (ns4){
for (i=1;i<=8;i++){
temp[i]=eval("document.i"+i+".clip")
temp2[i]=eval("document.i"+i)
temp[i].width=window.innerWidth
temp[i].height=window.innerHeight/8
temp2[i].top=(i-1)*temp[i].height
}
}
else if (ie4||ns6){
var clipright=ns6?window.innerWidth:document.body.clientWidth
clipleft=0
for (i=1;i<=8;i++){
temp[i]=ns6?document.getElementById("i"+i).style:eval("document.all.i"+i+".style")
temp[i].width=ns6?window.innerWidth-15:document.body.clientWidth
temp[i].height=ns6?window.innerHeight/8:document.body.offsetHeight/8
temp[i].top=(i-1)*parseInt(temp[i].height)
}
}
function openit(){
window.scrollTo(0,0)
if (ns4){
for (i=1;i<=8;i=i+2)
temp[i].right-=speed
for (i=2;i<=8;i=i+2)
temp[i].left+=speed
if (temp[2].left>window.innerWidth)
clearInterval(stopit)
}
else if (ie4||ns6){
clipright-=speed
for (i=1;i<=8;i=i+2){
temp[i].clip="rect(0 "+clipright+" auto 0)"
}
clipleft+=speed
for (i=2;i<=8;i=i+2){
temp[i].clip="rect(0 auto auto "+clipleft+")"
}
if (clipright<=0){
if (ns6){
for (i=1;i<=8;i++)
temp[i].display="none"
}
clearInterval(stopit)
}
}
}
function gogo(){
stopit=setInterval("openit()",100)
}
gogo()
</script>

Образец ЗДЕСЬ вставляем через Управление дизайном на те страницы, где хотим видеть эффект


*Автору Спасибо сказали « » раза*

Если Вы стали для кого-то плохим, значит, Вы делали для него слишком много хорошего.
Лев Толстой.

МоИ вАлЯлКи


  ♥ ♥
svit-svitДата: Суббота, 12.12.2009, 02:02 | Сообщение # 3
Мудрец
Админ сайта

Сообщения: 65535


Имя:Светлана Королёва
Настроение:

Страна - Буркина Фасо

Город - Самый Лучший )))
Статус:

Регистрация: 12.06.2009
Админ сайта и форума
За мужество пройти регистрацию Люблю Планету Легких Крестиков! Светить всегда,светить везде и...точка!:) Смотрю ДурДомДва
Мой любимый питомец:
Code
<style>
<!--
.intro{
position:absolute;
left:0;
top:0;
layer-background-color:green;
background-color:green;
border:0.1px solid green;
z-index:10;
}
-->
</style>
<div id="i1" class="intro"></div><div id="i2" class="intro"></div><div id="i3"
class="intro"></div><div id="i4" class="intro"></div><div id="i5" class="intro"></div><div
id="i6" class="intro"></div><div id="i7" class="intro"></div><div id="i8" class="intro"></div>
<script language="JavaScript1.2">

/*
Top-Down Curtain Script- © Dynamic Drive (www.dynamicdrive.com)
For full source code, 100's more free DHTML scripts, and TOS,
visit http://www.dynamicdrive.com
*/

var ns4=document.layers?1:0
var ie4=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0

var speed=20
var temp=new Array()
var temp2=new Array()
if (ns4){
for (i=1;i<=8;i++){
temp[i]=eval("document.i"+i+".clip")
temp2[i]=eval("document.i"+i)
temp[i].width=window.innerWidth/8-0.3
temp[i].height=window.innerHeight
temp2[i].left=(i-1)*temp[i].width
}
}
else if (ie4||ns6){
var clipbottom=ns6?window.innerHeight:document.body.offsetHeight
cliptop=0
for (i=1;i<=8;i++){
temp[i]=ns6?document.getElementById("i"+i).style:eval("document.all.i"+i+".style")
temp[i].width=ns6?window.innerWidth/8-2:document.body.clientWidth/8
temp[i].height=ns6?window.innerHeight:document.body.offsetHeight
temp[i].left=(i-1)*parseInt(temp[i].width)
}
}
function openit(){
window.scrollTo(0,0)
if (ns4){
for (i=1;i<=8;i=i+2)
temp[i].bottom-=speed
for (i=2;i<=8;i=i+2)
temp[i].top+=speed
if (temp[2].top>window.innerHeight)
clearInterval(stopit)
}
else if (ie4||ns6){
clipbottom-=speed
for (i=1;i<=8;i=i+2){
temp[i].clip="rect(0 auto "+clipbottom+" 0)"
}
cliptop+=speed
for (i=2;i<=8;i=i+2){
temp[i].clip="rect("+cliptop+" auto auto auto)"
}
if (clipbottom<=0){
if (ns6){
for (i=1;i<=8;i++)
temp[i].display="none"
}
clearInterval(stopit)
}
}
}
function gogo(){
stopit=setInterval("openit()",100)
}
gogo()
</script>


Образец ЗДЕСЬ


*Автору Спасибо сказали « » раза*

Если Вы стали для кого-то плохим, значит, Вы делали для него слишком много хорошего.
Лев Толстой.

МоИ вАлЯлКи


  ♥ ♥
svit-svitДата: Суббота, 12.12.2009, 02:03 | Сообщение # 4
Мудрец
Админ сайта

Сообщения: 65535


Имя:Светлана Королёва
Настроение:

Страна - Буркина Фасо

Город - Самый Лучший )))
Статус:

Регистрация: 12.06.2009
Админ сайта и форума
За мужество пройти регистрацию Люблю Планету Легких Крестиков! Светить всегда,светить везде и...точка!:) Смотрю ДурДомДва
Мой любимый питомец:
Code
</p>

<style>
<!--
.intro{
position:absolute;
left:0;
top:0;
layer-background-color:yellow;
background-color:yellow;
border:0.1px solid yellow;
z-index:10;
}
-->
</style>
<div id="i1" class="intro"></div><div id="i2" class="intro"></div>
<script language="JavaScript1.2">

/*
Top-Down Curtain Script- By Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions, and TOS,
visit http://www.dynamicdrive.com
*/

var ns4=document.layers?1:0
var ie4=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0
var speed=20
var temp=new Array()
var temp2=new Array()
if (ns4){
for (i=1;i<=2;i++){
temp[i]=eval("document.i"+i+".clip")
temp2[i]=eval("document.i"+i)
temp[i].width=window.innerWidth
temp[i].height=window.innerHeight/2
temp2[i].top=(i-1)*temp[i].height
}
}
else if (ie4||ns6){
var clipbottom=ns6?parseInt(window.innerHeight)/2:document.body.offsetHeight/2
cliptop=0
for (i=1;i<=2;i++){
temp[i]=ns6?document.getElementById("i"+i).style:eval("document.all.i"+i+".style")
temp[i].width=ns6?window.innerWidth-15:document.body.clientWidth
temp[i].height=ns6?window.innerHeight/2:document.body.offsetHeight/2
temp[i].top=(i-1)*parseInt(temp[i].height)
}
}

function openit(){
window.scrollTo(0,0)
if (ns4){
temp[1].bottom-=speed
temp[2].top+=speed
if (temp[1].bottom<=0)
clearInterval(stopit)
}
else if (ie4||ns6){
clipbottom-=speed
temp[1].clip="rect(0 auto "+clipbottom+" 0)"
cliptop+=speed
temp[2].clip="rect("+cliptop+" auto auto auto)"
if (clipbottom<=-5){
clearInterval(stopit)
if (ns6){
temp[1].display="none"
temp[2].display="none"
}
}
}
}
function gogo(){
stopit=setInterval("openit()",100)
}
gogo()

</script>

Раздвижной фон вверх и вниз


*Автору Спасибо сказали « » раза*

Если Вы стали для кого-то плохим, значит, Вы делали для него слишком много хорошего.
Лев Толстой.

МоИ вАлЯлКи


  ♥ ♥
svit-svitДата: Суббота, 12.12.2009, 02:04 | Сообщение # 5
Мудрец
Админ сайта

Сообщения: 65535


Имя:Светлана Королёва
Настроение:

Страна - Буркина Фасо

Город - Самый Лучший )))
Статус:

Регистрация: 12.06.2009
Админ сайта и форума
За мужество пройти регистрацию Люблю Планету Легких Крестиков! Светить всегда,светить везде и...точка!:) Смотрю ДурДомДва
Мой любимый питомец:
Code




<style>
<!--
.intro{
position:absolute;
left:0;
top:0;
layer-background-color:red;
background-color:red;
border:0.1px solid red;
z-index:9;
}
-->
</style>
<div id="i1" class="intro"></div><div id="i2" class="intro"></div>
<script language="JavaScript1.2">

/*
Left-Right Curtain Script- © Dynamic Drive (www.dynamicdrive.com)
For full source code, 100's more free DHTML scripts, and TOS,
visit http://dynamicdrive.com
*/

var ns4=document.layers?1:0
var ie4=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0

var speed=20
var temp=new Array()
var temp2=new Array()
if (ns4){
for (i=1;i<=2;i++){
temp[i]=eval("document.i"+i+".clip")
temp2[i]=eval("document.i"+i)
temp[i].width=window.innerWidth/2
temp[i].height=window.innerHeight
temp2[i].left=(i-1)*temp[i].width
}
}
else if (ie4||ns6){
var clipright=ns6?window.innerWidth/2*0.98:document.body.clientWidth/2,clipleft=0
for (i=1;i<=2;i++){
temp[i]=ns6?document.getElementById("i"+i).style:eval("document.all.i"+i+".style")
temp[i].width=ns6?window.innerWidth/2*0.98:document.body.clientWidth/2
temp[i].height=ns6?window.innerHeight-1: document.body.offsetHeight
temp[i].left=(i-1)*parseInt(temp[i].width)
}
}

function openit(){
window.scrollTo(0,0)
if (ns4){
temp[1].right-=speed
temp[2].left+=speed
if (temp[2].left>window.innerWidth/2)
clearInterval(stopit)
}
else if (ie4||ns6){
clipright-=speed
temp[1].clip="rect(0 "+clipright+" auto 0)"
clipleft+=speed
temp[2].clip="rect(0 auto auto "+clipleft+")"
if (clipright<=0){
clearInterval(stopit)
if (ns6){
temp[1].display="none"
temp[2].display="none"
}
}
}
}

function gogo(){
stopit=setInterval("openit()",100)
}
gogo()

</script>

Раздвижной красный фон вправо-влево


*Автору Спасибо сказали « » раза*

Если Вы стали для кого-то плохим, значит, Вы делали для него слишком много хорошего.
Лев Толстой.

МоИ вАлЯлКи


  ♥ ♥
Форум » Оформляем Сайт » Скрипты » Эффект с фоном
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск:

Админ Сайта,Администраторы, Основные Модераторы, Вторые Модераторы, Третьи модераторы, Активисты,VIP*, Друзья,
Телепузики, Приходящие,Молчуны

(Цветовое обозначение групп)


Кто был на сайте:
Статистика
Админчасть форума и сайта :

С общими вопросами работы форума и сайта- к Админу: svit-svit
С вопросами по Играм, Конкурсам, Робинам - к Администратору: loradom707
С вопросами по Процессам, Галереям, Схемам- к Администратору: sokrut-best
Copyright MyCorp © 2024Сайт управляется системой uCoz