tutoriais

Flash

FrontPage

Dreamweaver

Dhtml

Html

ASP

PHP

jogos

Galerias

fóruns

Flash

TUTORIAIS DE DHTML

Imagem que aparece pouco a pouco com a passagem do rato.

Script feito para jogos tipo raspadinha .

Demo : Sobrevoa a imagem e descobre a escondida. Para rever o efeito faz: "refresh".

1. Inserir entre os tags <HEAD>...</HEAD>:

<SCRIPT>
<!-- 
// A largura da imagem 
var imgwidth=265
// A altura da imagem 
var imgheight=90
// O nome da imagem que cobre e a da imagem escondida
var coverimage="cobre.gif"
var hiddenimage="escondida.gif"
// O URL do link na imagem escondida
urlhiddenimage="URL.htm"
// A posição horizontal da imagem em relação a borda esquerda da janela
var x_finalpos=195
// A posição verticale da imagem em relação a borda superior da janela
var y_finalpos=20
// A quantidade de cortes por linhas
// Quanto maior o valor, mais lento será o efeito
// Number of sliced cells. A high value will slow down the scratching-effect.
var x_slices=8
// A quantidade de linhas para o corte
// Quanto maior o valor, mais lento será o efeito
var y_slices=6

////////////////////////////////////////////////
img1=new Image()
img1.src=coverimage
img2=new Image()
img2.src=hiddenimage
var xy_slices=x_slices*y_slices
var width_slice=Math.floor(imgwidth/x_slices)
var height_slice=Math.floor(imgheight/y_slices)
var cliptop=0
var clipbottom=height_slice
var clipleft=0
var clipright=width_slice
var spancounter=0

function checkbrowser() {
	if (document.all) {
        initiate()
    }
}

function scratchimg(thispartofimage) {
		var thisspan=eval("span"+thispartofimage)
		thisspan.innerHTML="<a href='"+urlhiddenimage+"' target='_blank'><img src='"+hiddenimage+"' border='0'></a>"
		
}

function scratchnn() {
	document.imgcontainer1.document.write("<a href='"+urlhiddenimage+"'><img src='"+hiddenimage+"' border='0' target='_blank'></a>")	
	document.imgcontainer1.document.close()	
}

// -->
</SCRIPT>

<STYLE>.spanstyle {
	LEFT: -5000px; POSITION: absolute
}
</STYLE>

Configurar as seguintes variaveis:

A largura da imagem
var imgwidth=265
A altura da imagem
var imgheight=90
O nome da imagem que cobre e a da imagem escondida
var coverimage="cobre.gif"
var hiddenimage="escondida.gif"
O URL do link na imagem escondida
urlhiddenimage="URL.htm"
A posição horizontal da imagem em relação a borda esquerda da janela
var x_finalpos=195
A posição verticale da imagem em relação a borda superior da janela
var y_finalpos=20
A quantidade de cortes por linhas
Quanto maior o valor, mais lento será o efeito
var x_slices=8
A quantidade de linhas para o corte
Quanto maior o valor, mais lento será o efeito
var y_slices=6

2. Inserir entre os tags <BODY>...<BODY>:

3. Inserir dentro do tag <BODY>:

ANÚNCIOS