alex

COLOQUE No blog, clique em design e escolha a opção "adicionar um gadget". OBS: AJUSTE O VIDEO PRA width 630 E O height 350 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKaL2E6CzUUp5zRDDGjWCA3MzYBD6ASrkw5bf3XATgRpRpc4pb6UNhuDq8qCLTihuPMlYd3cZuBcu6kPNoK8M0Nmw-SKa__jfcGRzczdIuWjUkUtD-LY_Oj7mspzS6u9hyphenhyphen8c7OIGUoT2cY/s1600/ssssssssss.gif https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAviLHuKdxyu_nI0k42dJ4UPOaQFC6q_qOBqUXL-F7AfC4h-yJcY4RTc2QRmdC2KjonQQXQLl3jo7bwPXHvCeFI_MCHDgFZBXqXIAM6imZdGmIc8v88Yl40FDHtVD3fsRPMdwFC_NEuXU3/s1600/s2.gif

alex

COLOQUE No blog, clique em design e escolha a opção "adicionar um gadget". OBS: AJUSTE O VIDEO PRA width 630 E O height 350

(function() {
			var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
			ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
			var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
			})();
		</script>
				<div id="webvideoMarca" style="background-image:url(http://www.magazineluiza.com.br/imagens/layout2008/imgMonitor.jpg); background-repeat: no-repeat; width: 652px; height: 500px;">
					<div class="bloco_webvideoMarca">
						<script src="http://www.youtube.com/watch?v=Aw8w26sLMG4" type="text/javascript"></script>					
<script type="text/javascript">						AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','426','height','345','src','http://www.youtube.com/watch?v=Aw8w26sLMG4&rel=0&color1=0xd6d6d6&color2=0xf0f0f0&border=0&autoplay=1','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','wmode','transparent','movie','http://www.youtube.com/v/P11ACykY1EU?hl=pt&rel=0&color1=0xd6d6d6&color2=0xf0f0f0&border=0&autoplay=1' ); //end AC code
						</script>
alex		
COLOQUE AQUI O CÓDIGO DO INCORPORAÇAO DO VIDEO					
</div>
					
					
				</div>

Pure CSS Light Box Example - Devin Olsen

Esta é uma demonstração de como usar css puro para recriar a famosa caixa de luz que você vê por toda a internet para galeria de fotografia e trabalho de carteira.
Mover o mouse sobre o botão para ligar a mesa de luz diante. Mover o mouse sobre o botão off para ligar o lightbox off.

Off

"> Untitled Document. Seje Bem Vindo Visitante, Nestas páginas esta alguns dos meus trabalhos, peço a você que ao final de sua visita deixe sua opinião, pois a mesma é muito util para mim e obrigado pela sua visita ! Esta é uma demonstração de como usar css puro para recriar a famosa caixa de luz que você vê por toda a internet para galeria de fotografia e trabalho de carteira.

Pure CSS Light Box Example - Devin Olsen<br />
<style type="text/css">
html,body{height:100%;}

#box {width:650px; text-align:left; margin-left:auto; margin-right:auto; margin-top:30px; border:#333333 dashed; border-width:1px; padding:10px;}

.onLight {padding:2px; width:20px; background:#000000; border:#333 solid; border-width:1px; cursor:pointer;}
.onLight:hover div, .offLight {display:block;}

.offLight {padding:2px; z-index:200; width:25px; background:#333; border:#333 solid; border-width:1px; position:absolute; top:560px; right:310px; display:none;  cursor:pointer;}
.offLight:hover + .lightBox {display:none;}

.lightBox {width:100%; height:100%; float:left; position:absolute; z-index:100; background-color:#000000;  top:0px; left:0px; right:0px; display:none; cursor:default; 
opacity: .80; /*FOR ALL OTHER BROWSERS AND DEVICES*/
filter: alpha(opacity=80); /*FOR IE7*/
}

.content {width: 600px; height: 460px; border: solid 2px #fff; background: #ccc; margin:20px auto; position:absolute; z-index:200; top: 30px; display:none; padding:20px;}

h2 {margin:0px;}
</style><br />
<br />
<br />
<br />
<br />
<div id="box">Esta é uma demonstração de como usar css puro para recriar a famosa caixa de luz que você vê por toda a internet para galeria de fotografia e trabalho de carteira.<br />
Mover o mouse sobre o botão para ligar a mesa de luz diante. Mover o mouse sobre o botão off para ligar o lightbox off.<br /><br />
<br />
  <div class="onLight">    <img src="http://img7.orkut.com/images/small/1314368507/104637499/of.jpg "width="60" height="50"/>   <div class="offLight">Off</div>      <div class="lightBox"></div>            <div class="content">            <br />
            aaaaa ">
Untitled Document.
<span id="typing"> TEXTO VAI AQUI. 
Seje Bem Vindo Visitante, Nestas páginas esta alguns dos meus trabalhos, peço a você que ao final de sua visita deixe sua opinião, pois a mesma é muito util para mim e obrigado pela sua visita !</span>

interval = 100; // Interval in milliseconds to wait between characters

if(document.getElementById) {
  t = document.getElementById("typing");
  if(t.innerHTML) {
    typingBuffer = ""; // buffer prevents some browsers stripping spaces
    it = 0;
    mytext = t.innerHTML;
    t.innerHTML = "";
    typeit();
  }
}

function typeit() {
  mytext = mytext.replace(/<([^<])*>/, "");     // Strip HTML from text
  if(it < mytext.length) {
    typingBuffer += mytext.charAt(it);
    t.innerHTML = typingBuffer;
    it++;
    setTimeout("typeit()", interval);
  }
}
</script>
         <br />
            </div>  </div></div>

Pure CSS Light Box Example - Devin Olsen

aaaaaaaaa

Off

alex

Vamos Construir

COLOQUE AQUI O TEXTO

Como você deve ter percebido, este é um amplificador de imagem. É uma versão completamente reescrita da minha tjpzoom script, mas ainda está em JavaScript / DOM:). Se você mover o mouse sobre a imagem, você pode ver uma janela de zoom pouco com uma versão ampliada de uma parte da imagem nele. Mas há mais: Se você clicar e arraste para cima o mouse, o zoom aumenta, se você clicar e arrastar o mouse para baixo, a taxa de zoom diminui, NOVO! se você clicar e arrastar para o rato do seu DIREITO, os aumentos janela de zoom, NOVO! e se você clicar e arrastar do mouse sua esquerda, a janela de zoom diminui. E uma vez que esta é uma nova versão, há algumas novas funcionalidades: Tem sombra transparente! Wow! (Funciona em IE6 também!) Mais rápido! (um pouco) Funciona no IE7 (e em todos os principais navegadores) Código muito mais limpo para você inserir Você pode alterar a posição relativa de sua caixa de zoom Infelizmente, tivemos que dizer adeus a funcionalidade hotspot, mas se há uma demanda ... valid@tjp.hu Tanto quanto eu sei, o script é compatível com os principais navegadores: Internet Explorer 6, 7 Firefox 24 Opera (eu tenho 8,54, espero que funcione em versões mais recentes também) Safari 2 Konqueror 3.5.6 Se notar qualquer falha em qualquer um dos navegadores listados acima ou ter um navegador diferente, envie um e-mail com os detalhes:) valid@tjp.hu Eu quero isso na minha página inicial! É um pedaço de bolo. Levará cerca de 5 minutos para ter isso em sua página: Você também pode encontrar a ferramenta TJPzoom útil se você tiver uma resolução baixa e uma versão em alta resolução da mesma imagem e é só o lowres um que se encaixa na sua página, mas você quer mostrar os pequenos detalhes da uma highres. Na verdade, esse é o meu caso também, eu tenho essa http://valid.tjp.hu/zoom/collage.jpg, thats 580x580px, mas eu tenho um maior http://valid.tjp.hu/ zoom/collage_2.jpg (com as mesmas proporções). Vai ficar assim: valid.tjp.hu - TJPzoom 3 - JavaScript / CSS / DOM image magnifier

JavaScript / CSS / DOM image zoomer - TJPzoom 3

Slide Down Box Menu with jQuery and CSS3

Images by tibchris

<div class="gphoto-explore-widget-title">Fotos em destaque

Read the blog post

Hover Zoom Demo

Northern Saw-whet Owl Photo by Matt Bango

Red-shouldered Hawk Photo by Matt Bango

Laughing Gulls Photo by Matt Bango

American Oystercatcher Photo by Matt Bango

/* --- Container configuration ---------------------------------------------------------- */
        .viewport {
            border: 3px solid #eee;
            float: left;
            height: 299px;
            margin: 0 9px 9px 0;
            overflow: hidden;
            position: relative;
            width: 450px;
        }

/* This is so that the 2nd thumbnail in each row fits snugly. You will want to add a similar
           class to the last thumbnail in each row to get rid of the margin-right. */
        .no-margin {
            margin-right: 0;
        }

/* --- Link configuration that contains the image and label ----------------------------- */
        .viewport a {
            display: block;
            position: relative;
        }

.viewport a img {
            height: 332px;
            left: -20px;
            position: relative;
            top: -20px;
            width: 500px;
        }

/* --- Label configuration -------------------------------------------------------------- */
        .viewport a span {
            display: none;
            font-size: 3.0em;
            font-weight: bold;
            height: 100%;
            padding-top: 120px;
            position: absolute;
            text-align: center;
            text-decoration: none;
            width: 100%;
            z-index: 100;
        }
            .viewport a span em {
                display: block;
                font-size: 0.45em;
                font-weight: normal;
            }

/* --- Dark hover background ------------------------------------------------------------ */
        .dark-background {
            background-color: rgba(15, 15, 15, 0.6);
            color: #fff;
            text-shadow: #000 0px 0px 20px;
        }
            .dark-background em {
                color: #ccc;
            }

/**
         * You could create multiple hover background classes for different looks depending on the
         * image type. Use your imagination!
         */
    </style>

<div class="demo-header">
        <div class="wrap-thin">
            <a href="http://mattbango.com/notebook/web-development/hover-zoom-effect-with-jquery-and-css/ " class="read">Read the blog post</a>
            <div class="clearfix">
                <a href="http://mattbango.com" class="logo">

<img src="/images/mattbango_logo_dark.gif" alt="MattBango.com Logo" />
                </a>
                <h1>Hover Zoom Demo</h1>
            </div>
        </div>
    </div>

<div class="wrap-thin demo-thin">
   
    <div class="viewport">
            <a href="http://www.flickr.com/photos/matt_bango/3959900087/">
                <span class="dark-background">Northern Saw-whet Owl <em>Photo by Matt Bango</em></span> 
                <img src="http://farm4.static.flickr.com/3471/3959900087_48d1107093.jpg" alt="Northern Saw-Whet Owl" />
            </a></div></div>

<div class="viewport no-margin">
            <a href="http://www.flickr.com/photos/matt_bango/3478879694/">
                <span class="dark-background">Red-shouldered Hawk <em>Photo by Matt Bango</em></span>
                <img src="http://farm4.static.flickr.com/3645/3478879694_029e078d4d.jpg" alt="Red-shouldered Hawk" />
            </a>
        </div>

<a href="http://www.flickr.com/photos/matt_bango/4549664070/">
                <span class="dark-background">Laughing Gulls <em>Photo by Matt Bango</em></span>
                <img src="http://farm5.static.flickr.com/4020/4549664070_bd21552461.jpg" alt="Laughing Gulls" />
            </a>
        </div>

<span class="dark-background">American Oystercatcher <em>Photo by Matt Bango</em></span>
                <img src="http://farm5.static.flickr.com/4026/4549276502_fe848b02e9.jpg" alt="American Oystercatcher" />
            </a>
        </div>

<script type="text/javascript"> 
    var _sf_async_config={uid:10671,domain:"mattbango.com"};
    (function(){
      function loadChartbeat() {
        window._sf_endpt=(new Date()).getTime();
        var e = document.createElement('script');
        e.setAttribute('language', 'javascript');
        e.setAttribute('type', 'text/javascript');
        e.setAttribute('src',
           (("https:" == document.location.protocol) ? "https://s3.amazonaws.com/" : "http://") +
           "static.chartbeat.com/js/chartbeat.js");
        document.body.appendChild(e);
      }
      var oldonload = window.onload;
      window.onload = (typeof window.onload != 'function') ?
         loadChartbeat : function() { oldonload(); loadChartbeat(); };
    })();
    </script>

growX

growY

<div><a id="logo" href="http://jquery.com" title="Powered By jQuery"></a></div>
<h1 id="banner"><a id="backnav" href="./">‹‹ cycle home</a>jQuery Cycle Plugin - 'Grow' Demo</h1>
<h2 id="header">'Grow' transition demos.  View source for details.</h2>
<div id="main">

<h1>growX</h1>
        <div id="growX" class="pics">
            <img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200" />
            <img src="http://cloud.github.com/downloads/malsup/cycle/beach2.jpg" width="200" height="200" />
            <img src="http://cloud.github.com/downloads/malsup/cycle/beach3.jpg" width="200" height="200" />
        </div>
    </td><td>
        <h1>growY</h1>

</div>

cover (left)

uncover (down)

<div><a id="logo" href="http://jquery.com" title="Powered By jQuery"></a></div>
<h1 id="banner"><a id="backnav" href="./">‹‹ cycle home</a>jQuery Cycle Plugin - 'Cover' Demo</h1>
<h2 id="header">'Cover/Uncover' transition demos.  View source for details.</h2>
<div id="main">

<h1>cover (left)</h1>
        <div id="cover" class="pics">
            <img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200" />
            <img src="http://cloud.github.com/downloads/malsup/cycle/beach2.jpg" width="200" height="200" />
            <img src="http://cloud.github.com/downloads/malsup/cycle/beach3.jpg" width="200" height="200" />
        </div>
    </td><td>
        <h1>uncover (down)</h1>

</div>

Hint: The curtain effects work great with the sync: false option.

curtainX

curtainY

<div><a id="logo" href="http://jquery.com" title="Powered By jQuery"></a></div>
<h1 id="banner"><a id="backnav" href="./">‹‹ cycle home</a>jQuery Cycle Plugin - 'Curtain' Demo</h1>
<h2 id="header">'Curtain' transition demos.  View source for details.</h2>
<div id="main">

<div id="demos">
    <p>Hint: The curtain effects work great with the <code class="inline">sync: false</code> option.</p>

<table cellspacing="20"><tr>
    <td>
        <h1>curtainX</h1>
        <div id="curtainX" class="pics">
            <img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200" />
            <img src="http://cloud.github.com/downloads/malsup/cycle/beach2.jpg" width="200" height="200" />
            <img src="http://cloud.github.com/downloads/malsup/cycle/beach3.jpg" width="200" height="200" />
        </div>

</td><td>
        <h1>curtainY</h1>
        <div id="curtainY" class="pics">
            <img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200" />
            <img src="http://cloud.github.com/downloads/malsup/cycle/beach2.jpg" width="200" height="200" />
            <img src="http://cloud.github.com/downloads/malsup/cycle/beach3.jpg" width="200" height="200" />
        </div>
    </td></tr>

</table>
</div>

</div>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
<script type="text/javascript">
_uacct = "UA-850242-2";
urchinTracker();
</script>

<div><a id="logo" href="http://jquery.com" title="Powered By jQuery"></a></div>
<h1 id="banner"><a id="backnav" href="./">‹‹ cycle home</a>jQuery Cycle Plugin - Pager Over Slideshow Demo</h1>
<h2 id="header">This page shows one way to position a pager over the slideshow.</h2>
<div id="main">
        <div id="slideshow" class="pics">
			<div id="nav"></div>
            <img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200" />
            <img src="http://cloud.github.com/downloads/malsup/cycle/beach2.jpg" width="200" height="200" />
            <img src="http://cloud.github.com/downloads/malsup/cycle/beach3.jpg" width="200" height="200" />

<img src="http://cloud.github.com/downloads/malsup/cycle/beach4.jpg" width="200" height="200" />
            <img src="http://cloud.github.com/downloads/malsup/cycle/beach5.jpg" width="200" height="200" />
        </div>
</div>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
<script type="text/javascript">
_uacct = "UA-850242-2";
urchinTracker();
</script>

AA

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>

<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $('.slideshow').cycle({
		fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});
});
</script>

blindX
blindY
blindZ
cover
curtainX
curtainY
fade
fadeZoom
growX
growY
none
scrollUp
scrollDown
scrollLeft
scrollRight
scrollHorz
scrollVert
shuffle
slideX
slideY
toss
turnUp
turnDown
turnLeft
turnRight
uncover
wipe
zoom

--------------- Alternar a opção de sincronização para ver como se comportam alguns efeitos
diferente (como cego, cortina e zoom).
sync: true

Clique em um nome do efeito à esquerda

function onAfter(curr,next,opts) {
		var msg = 'Slide ' + (opts.currSlide + 1) + ' of ' + opts.slideCount;
		$('#caption').html(msg);
	};
});
</script>

<div><a id="logo" href="http://jquery.com" title="Powered By jQuery"></a></div>
<h1 id="banner"><a id="backnav" href="./">‹‹ cycle home</a>jQuery Cycle Plugin - Effects Browser</h1>
<div id="main">
	<table><tr><td>
		<ul id="choices">
		    <li>blindX</li>
		    <li>blindY</li>

<li>blindZ</li>
		    <li>cover</li>
		    <li>curtainX</li>
		    <li>curtainY</li>
		    <li>fade</li>
		    <li>fadeZoom</li>

<li>growX</li>
		    <li>growY</li>
		    <li>none</li>
		    <li>scrollUp</li>
		    <li>scrollDown</li>
		    <li>scrollLeft</li>

<li>scrollRight</li>
		    <li>scrollHorz</li>
		    <li>scrollVert</li>
		    <li>shuffle</li>
		    <li>slideX</li>
		    <li>slideY</li>

<li>toss</li>
		    <li>turnUp</li>
		    <li>turnDown</li>
		    <li>turnLeft</li>
		    <li>turnRight</li>
		    <li>uncover</li>

<li>wipe</li>
		    <li>zoom</li>
		</ul>
		Alternar a opção de sincronização para ver como se comportam alguns efeitos<br />diferente (como cego, cortina e zoom).<br />
		<input type="checkbox" checked="checked" /> sync: true
	</td><td>
		<h1 id="effect">Clique em um nome do efeito à esquerda</h1>

<div id="show"></div>
		<div id="caption" style="text-align:center"></div>
	</td></tr></table>
</div>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
<script type="text/javascript">
_uacct = "UA-850242-2";
urchinTracker();
</script>

Para colocar o efeito foto deslizante no blogger . No blog clique em design e escolha a opção "adicionar um gadget". Vai abrir um popup com várias opções. Escolha a opção HTML/JavaScript e cole o código COPIAR O CÓDIGO AQUI

.galeria {
	width: 800px;
	height: 210px;
	float: left;
}

.foto {
	float: left;
	width: 150px;
	overflow: hidden;
	margin: 0 10px 5px 0;
	-webkit-transition: width 1s ease-in; 
	-moz-transition: width 1s ease-in; 
	-o-transition: width 1s ease-in; 
}

.foto:hover {
    width: 310px;
}
</style><div class="corpo">

terça-feira, 30 de novembro de 2010

domingo, 28 de novembro de 2010

sábado, 27 de novembro de 2010

sexta-feira, 26 de novembro de 2010

quinta-feira, 25 de novembro de 2010

quarta-feira, 24 de novembro de 2010

iv>

s">

Jequiti

terça-feira, 23 de novembro de 2010

O jogo não apareceu ? Precisa
atualizar seu computador com o
Flash Player 9 e Shockwave

segunda-feira, 22 de novembro de 2010

Jogos 360

domingo, 21 de novembro de 2010

Show do milhão do Silvio Santos online, jogo grátis – Se você ainda não teve a oportunidade de participar do Show do Milhão do programa Silvio Santos do SBT pessoalmente, agora você tem uma grande oportunidade de jogar Online gratis, é um jogo gratuito…

Vá respondendo às perguntas, se você errar ele volta ao começo…

sábado, 20 de novembro de 2010

Aguarde o carregamento do jogo (69 KB).
Isto pode levar alguns minutos.

www.arcadefury.com/

Ads by Google

aa

sexta-feira, 19 de novembro de 2010

quinta-feira, 18 de novembro de 2010

domingo, 14 de novembro de 2010

sexta-feira, 12 de novembro de 2010

OKUT------------- Clique para abrir a janela POP-up

Coloque aqui seu texto! ! !

COLOQUE AQUI O Texto

quinta-feira, 11 de novembro de 2010

sábado, 6 de novembro de 2010

Colocar texto seguindo cursor do mouse

Continuando a saga de "coisas" seguindo o mouse, apresento agora como colocar um pequeno texto seguindo o mesmo. Se quiser experimentar esse efeito, basta copiar o código abaixo e colar em "Adicionar um Gadget" como explicado aí abaixo:

→ Já logado no seu blog vá na sua "Navbar" (é a barra horizontal aí em cima no seu blog) e clique em: Personalizar > Layout > Adicionar um Gadget.
Veja exemplo funcionando aqui no Vítima Testes.

//Alterar o Texto que estÃ¡ dentro das Aspas em baixo:
var text='COLOQUE SEU TEXTO AQUI';
var delay=50; // altere aqui velocidade
var Xoff=15; // distancia a contar para a direita do cursor (- Valores em negativo vÃ£o para a esquerda)
var Yoff=0; //distancia a contar para baixo desde o cursor (- Valores em negativo vÃ£o para cima)
var txtw=10; // EspaÃ§o que cada caracter ocupa
var beghtml='<font color="#98b3f2"size="1"><b>'; 
var endhtml='</b></font>'; 
//********** NÃ£o alterar o cÃ³digo seguinte **********\\
ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;
ie4 = (document.all && !document.getElementById)? true : false;
ie5 = (document.all && document.getElementById)? true : false;
ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var txtA=new Array();
text=text.split('');
var x1=0;
var y1=-1000;
var t='';
for(i=1;i<=text.length;i++){
t+=(ns4)? '<layer left="0" top="-100" width="'+txtw+'" name="txt'+i+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">';
t+=beghtml+text[i-1]+endhtml;
t+=(ns4)? '</layer>' : '</div>';
}
document.write(t);
function moveid(id,x,y){
if(ns4)id.moveTo(x,y);
else{
id.style.left=x+'px';
id.style.top=y+'px';
}}
function animate(evt){
x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);
y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);
}
function getidleft(id){
if(ns4)return id.left;
else return parseInt(id.style.left);
}
function getidtop(id){
if(ns4)return id.top;
else return parseInt(id.style.top);
}
function getwindowwidth(){
if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;
else return window.innerWidth+pageXOffset;
}
function movetxts(){
for(i=text.length;i>1;i=i-1){
if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){
moveid(txtA[i-1],0,-1000);
moveid(txtA[i],0,-1000);
}else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));
}
moveid(txtA[1],x1,y1);
}
window.onload=function(){
for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i);
if(ns4)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=animate;
setInterval('movetxts()',delay);
}
</script>

Na postagem "Mudar cursor do mouse no blog", apresentei uma forma para fazer esta mudança que apenas funciona no Internet Explorer. Agora, continuando a dar minhas futucadas na net, descobri este site que possibilita fazer essa troca que irá funcionar no IE, Firefox e no Google Chrome (não testei em outros navegadores). Mesmo assim, os cursores animados continuam a só funcionar no IE, nos outros navegadores se apresentam de forma estática.
Se você souber alguma dica sobre isto, me mande um alô. Ok?!
Quando entrar no site, selecione na coluna esquerda qual categoria, dê um clique no seu preferido, e observe que será apresentado duas opções de códigos. Na primeira opção o cursor aparecerá em todos os lugares. Na segunda, irá aparecer só quando o mouse passar sobre esses mesmos links. Clica aí na imagem e experimente.

Para colocar no seu blog, vá em: Personalizar, Layout, Adicionar um Gadget, HTML/JavaScript, e cole o código. Se você quiser tirar o banner que aparece na primeira opção.

html de teste

janela

Quer usar link em vez de botão?

zoom iframes de fotos

Vamos Construir

COLOQUE AQUI O TEXTO

JavaScript / CSS / DOM image zoomer - TJPzoom 3

Slide Down Box Menu with jQuery and CSS3

Hover Zoom Demo

‹‹ cycle homejQuery Cycle Plugin - 'Grow' Demo

'Grow' transition demos. View source for details.

growX

growY

‹‹ cycle homejQuery Cycle Plugin - 'Cover' Demo

'Cover/Uncover' transition demos. View source for details.

cover (left)

uncover (down)

‹‹ cycle homejQuery Cycle Plugin - 'Curtain' Demo

'Curtain' transition demos. View source for details.

curtainX

curtainY

‹‹ cycle homejQuery Cycle Plugin - Pager Over Slideshow Demo

This page shows one way to position a pager over the slideshow.

AA

‹‹ casa de cicloPlugin jQuery Cycle - Browser Effects

Clique em um nome do efeito à esquerda

Páginas

terça-feira, 30 de novembro de 2010

domingo, 28 de novembro de 2010

sábado, 27 de novembro de 2010

sexta-feira, 26 de novembro de 2010

quinta-feira, 25 de novembro de 2010

quarta-feira, 24 de novembro de 2010

Jequiti

terça-feira, 23 de novembro de 2010

segunda-feira, 22 de novembro de 2010

domingo, 21 de novembro de 2010

sábado, 20 de novembro de 2010

aa

sexta-feira, 19 de novembro de 2010

quinta-feira, 18 de novembro de 2010

domingo, 14 de novembro de 2010

sexta-feira, 12 de novembro de 2010

quinta-feira, 11 de novembro de 2010

sábado, 6 de novembro de 2010

Colocar texto seguindo cursor do mouse

Arquivo do blog

Quem sou eu