THUTHUAT30S: Javascript

Share code quảng cáo trượt 2 bên HTML và CSS

Đối với blogger hay web HTML chỉ cần bạn copy đoạn code phía bên dưới và đặt trước thẻ </body>

<div id='ads-left'>
<div style='margin:0 0 5px 0; padding:0;width:200px;position:fixed; left:0; top:0;'>
<a href='Link quảng cáo bên trái' target='_blank'><img border='0' height='665' src='hình quảng cao bên trái' width='200'/></a>
</div></div>
<div id='ads-right'>
<div style='margin:0 0 5px 0; padding:0;width:200px;position:fixed; right:0; top:0;'>
<a href='Link quảng cáo bên phải' target='_blank'><img border='0' height='665' src='hình quảng cáo bên phải' width='200'/></a>
</div></div>

- Các bạn chỉnh sửa thông số cho nó phù hợp nhé: chiều rộng, chiều cao, canh trái, canh phải...

Hiệu ứng rê chuột hiện chi tiết sản phẩm giống trang thegioididong

17:03
Download

<html> <head> <style> .products { position: relative; float: left; height: 200px; width: 200px; border: 1px solid gray; font-family: tahoma; font-size: 12px; margin-left: 10px; cursor: pointer; } .pd-img { position: absolute; top: 5%; left: 5%; height: 90%; width: 90%; } .pd-img:hover { opacity: 0.5; } .pd-des { position: absolute; bottom: 0; height: 0; width: 100%; background-color: lightblue; overflow: hidden; transition: height 1s; text-align: center; } .products:hover .pd-des { height: 100%; transition: height 1s; } </style> </head> <body> <div class="products"> <img class="pd-img" src="http://cdn.tgdd.vn/Products/Images/42/50920/dien-thoai-di-dong-apple-iphone-4S-dienmay.com-b.jpg"/> <div class="pd-des"><br><b>iPhone1</b><br>Màn hình HD<br>Camera 100x</div></div>
<div class="products"> <img class="pd-img" src="http://cdn.tgdd.vn/Products/Images/42/50920/dien-thoai-di-dong-apple-iphone-4S-dienmay.com-b.jpg"/> <div class="pd-des"><br><b>iPhone2</b><br>Màn hình HD<br>Camera 100x</div></div>
<div class="products"> <img class="pd-img" src="http://cdn.tgdd.vn/Products/Images/42/50920/dien-thoai-di-dong-apple-iphone-4S-dienmay.com-b.jpg"/> <div class="pd-des"><br><b>iPhone3</b><br>Màn hình HD<br>Camera 100x</div></div> </body></html>

Java Script tạo hiệu ứng chữ đẹp

18:58
Download

Hiệu ứng chữ chạy đẹp cho web/blog

<script type='text/javascript'>
//<![CDATA[
var message = " THỦ THUẬT 30S XIN CHÀO CÁC BẠN ";
var neonbasecolor = "#1E90FF";
var neontextcolor = "#00008B";
var neontextcolor2 = "#FF00FF";
var flashspeed = 150; // velocidad en milisegundos
var flashingletters = 1; // cantidad letras del efecto neontextcolor
var flashingletters2 = 1; // cantidad letras del efecto neontextcolor2
var flashpause = 1; // pausa entre ciclos
var n=0;
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">');
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>');
document.write('</font>');
}
else
document.write(message);
function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number);
return crossobj;
}
function neon(){
if (n==0){
for (m=0;m<message.length;m++)
crossref(m).style.color=neonbasecolor;
}
crossref(n).style.color=neontextcolor;
if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor;
if (n<message.length-1)
n++;
else{
n=0;
clearInterval(flashing);
setTimeout("beginneon()",flashpause);
return;
}
}
function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed);
}
beginneon();
//]]>
</script>

LIVE DEMO