viernes, 11 de julio de 2014

Ojos que siguen el cursor en blogger


Añada algo de diversión a su página con ojos que sigan el cursor al moverse por la pantalla.
En modo de Edición de HTML, ya sea en una entrada o en un añadiendo un Gadget de HTML/Javascript escribimos lo siguiente:


<script src="http://eyesthm.googlecode.com/files/efectocursor.js" type="text/javascript">   </script><br /> <div style="height: 117px; margin-bottom: 30px; position: relative;"><div id="Eye1" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8hGuyAOiVyciKN8GNdJp14adJ-_U_NiU7xvuTcCPn_m7YouKVxFgSHoKoK8xrlyUGGkX4_kztwz_JrBenCQM8YVtGt2oppU02Glz0aQaI4UTQxep5dQ4rcKVlS8-6X5b9A9Kr4nwL-JW5/s117/eye-r.png) center center no-repeat; height: 117px; left: 0px; position: absolute; top: 20px; width: 117px;"><img height="15" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg7m2NPCyDSk16hlIJg_68FxkhGwrSVFvjwFImSrkFIt2fhMLQXY-vzW2c5nwm6NQJab0ioLcr84HqMCsq2zMf7mTp1FxlTtG-up9LJoXobiFR-eY9hb6sxznn2zVUKSIGyh2KfEfLxxrg/s15/pupil.png" width="15" /></div><div id="Eye2" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvn1Dv7t7BpuWH-VNXf1pSSilDvBBveDyuG2OGzXgspLgM8WE58C0o2Tunp1gB5to-Cfg2wgnR1Z_H4B-I_yCFs6rF-iFoZ6mv9UFIFBwyxqn4KnICaZb6bZXicJKvGRSiteIXRrm-_oF-/s117/eye-y.png) center center no-repeat; height: 117px; left: 120px; position: absolute; top: 20px; width: 117px;"><img height="15" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg7m2NPCyDSk16hlIJg_68FxkhGwrSVFvjwFImSrkFIt2fhMLQXY-vzW2c5nwm6NQJab0ioLcr84HqMCsq2zMf7mTp1FxlTtG-up9LJoXobiFR-eY9hb6sxznn2zVUKSIGyh2KfEfLxxrg/s15/pupil.png" width="15" /></div></div><script type="text/javascript">  EYES.follow ('Eye1'); EYES.follow ('Eye2');  </script>


Como se ve arriba, así se verían los ojos que siguen el cursor, les recomiendo usarlo añadiendo un Gadget de HTML/Javascript, arriba de la cabecera del Blog para que se note, ya que si lo utilizan en una entrada queda algo descuadrado como se nota.

Publicado por: Azahara Delgado Bernier... puedes visitar mi blog en www.espaciointernautico.blogspot.com.es

No hay comentarios:

Publicar un comentario

Comenta lo que quieras, pero con educación. Si me insultas no publicaré tu comentario.