Hiển thị các bài đăng có nhãn Javascript. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn Javascript. Hiển thị tất cả bài đăng

Chủ Nhật, 21 tháng 5, 2017

Code tạo hiệu ứng chữ đẹp cho web/blog

Chuyên mục:


Đây là script để tạo hiệu ứng chữ chạy lấp láy rất hay có thể áp dụng cho blog hay web

<script language="JavaScript1.2">
var message="Information Technology:Blog chuyên chia sẻ những kiến thức về công nghệ thông tin được cập nhật mới nhất, các thủ thuật windows, phần mềm, facebok, zalo... và công nghệ"
var neonbasecolor="#0F83A0"
var neontextsize="30"
var neontextcolor="#F26722"
var neontextcolor2="#FFFFFF"
var flashspeed=100      // speed of flashing in milliseconds
var flashingletters=3      // number of letters flashing in neontextcolor<br />
var flashingletters2=1      // number of letters flashing in neontextcolor2 (0 to disable)
var flashpause=0      // the pause between flash-cycles in milliseconds
///No need to edit below this line/////
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(){
//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
crossref(m).style.color=neonbasecolor
}
//cycle through and change individual letters to neon color
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>

Posted By Unknowntháng 5 21, 2017

Code Banner Quảng Cáo Trượt Dọc 2 Bên Cho Blogspot / Website

Chuyên mục:


Đây là code mình sưu tầm trên mạng. Code tạo banner quảng cáo trược 2 bên Web/blog tuy nhiên code này giờ ích hay dùng thường chỉ đề sử dụng cho những dịp nghỉ tết các bạn có thể trang trí 2 tấm liểng 2 bên chúc tết cho nó đẹp. Các bạn làm theo các bước sau đây nhé
  1. Đăng nhập vào Blog
  2. Vào bố cục (Layout)
  3. Chọn Thêm tiện ích (add widget)
  4. Tạo một widget HTML\Javascripts và chèn vào đoạn code bên dưới 
<div id=”divAdRight” style=”DISPLAY: none; POSITION: absolute; TOP: 50px”>
<a href=”http://vnexpress.net”><img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCaV87R_PL0V8A5Dz2G1wuh8nk7-rctVlA8eyliV0C-j_hHSiqqc_dHQ8G-NNtRD7UStLLZqS5jLdXqKc-H0itP3cXzOvx2c2e3q9-jbTsIm_9LdupzXuwrW_DFVKruj3vs95nsEoh_Tw/s1600/minh123.gif” width=”125″ /></a> </div>
<div id=”divAdLeft” style=”DISPLAY: none; POSITION: absolute; TOP: 50px”>
<a href=”http://vnexpress.net/”><img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCaV87R_PL0V8A5Dz2G1wuh8nk7-rctVlA8eyliV0C-j_hHSiqqc_dHQ8G-NNtRD7UStLLZqS5jLdXqKc-H0itP3cXzOvx2c2e3q9-jbTsIm_9LdupzXuwrW_DFVKruj3vs95nsEoh_Tw/s1600/minh123.gif” width=”125″ /></a>
</div>
<script>
function FloatTopDiv()
{
startLX = ((document.body.clientWidth -MainContentW)/2)-LeftBannerW-LeftAdjust , startLY = TopAdjust+80;
startRX = ((document.body.clientWidth -MainContentW)/2)+MainContentW+RightAdjust , startRY = TopAdjust+80;
var d = document;
function ml(id)
{
var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
el.sP=function(x,y){this.style.left=x + ‘px';this.style.top=y + ‘px';};
el.x = startRX;
el.y = startRY;
return el;
}
function m2(id)
{
var e2=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
e2.sP=function(x,y){this.style.left=x + ‘px';this.style.top=y + ‘px';};
e2.x = startLX;
e2.y = startLY;
return e2;
}
window.stayTopLeft=function()
{
if (document.documentElement && document.documentElement.scrollTop)
var pY = document.documentElement.scrollTop;
else if (document.body)
var pY = document.body.scrollTop;
if (document.body.scrollTop > 30){startLY = 3;startRY = 3;} else {startLY = TopAdjust;startRY = TopAdjust;};
ftlObj.y += (pY+startRY-ftlObj.y)/16;
ftlObj.sP(ftlObj.x, ftlObj.y);
ftlObj2.y += (pY+startLY-ftlObj2.y)/16;
ftlObj2.sP(ftlObj2.x, ftlObj2.y);
setTimeout(“stayTopLeft()”, 1);
}
ftlObj = ml(“divAdRight”);
//stayTopLeft();
ftlObj2 = m2(“divAdLeft”);
stayTopLeft();
}
function ShowAdDiv()
{
var objAdDivRight = document.getElementById(“divAdRight”);
var objAdDivLeft = document.getElementById(“divAdLeft”);
if (document.body.clientWidth < 1000)
{
objAdDivRight.style.display = “none”;
objAdDivLeft.style.display = “none”;
}
else
{
objAdDivRight.style.display = “block”;
objAdDivLeft.style.display = “block”;
FloatTopDiv();
}
}
</script>
<script>
document.write(“<script type=’text/javascript’ language=’javascript’>MainContentW = 1000;LeftBannerW = 125;RightBannerW = 125;LeftAdjust = 50;RightAdjust = 50;TopAdjust = 10;ShowAdDiv();window.onresize=ShowAdDiv;;<\/script>”);
</script>

Tùy Chỉnh Code
  1. http://vnexpress.net/ : là liên kết mở ra khi người đọc click vào ảnh.
  2. Phần màu vàng trong đoạn code <img src=”…”/>  là link ảnh banner trượt dọc sẽ hiển thị
  3. width=”125″ : chiều rộng của banner. Có 2 giá trị được đánh dấu màu cam
  4. MainContentW = 1000 : chiều rộng trang web. Có 2 giá trị được đánh dấu cùngmàu tím,
  5. LeftAdjust = 5 : khoảng cách từ mép trái trang web đến banner
  6. RightAdjust = 5 : khoảng cách từ mép phải trang web đến banner
  7. TopAdjust = 10 : khoảng cách từ mép trên trang web đến banner

Posted By Unknowntháng 5 21, 2017