Chữ cuộn trong khung

JavaScriptBank · 24/7/09

Hiệu ứng tạo các

You must be registered for see links

xuất hiện trong khung....

You must be registered for see links

Demo:

You must be registered for see links

Cách cài đặt

Bước 1: Copy mã CSS bên dưới và dán vào khu vực HEAD trên trang web của bạn
CSS

Mã:

<STYLE type=text/css>.link {
	COLOR: #003399; FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 8pt; FONT-WEIGHT: normal
}
.link:hover {
	COLOR: #0099ff; FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 8pt; FONT-WEIGHT: normal
}
.tick {
	COLOR: #003399; FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: bold
}
.tick:hover {
	COLOR: #0099ff; FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: bold
}
.header {
	COLOR: #deac00; FONT-FAMILY: arial,verdana,helvetica; FONT-SIZE: 20pt; FONT-WEIGHT: bold
}
</STYLE>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Bước 2: Đặt mã HTML bên dưới vào phần BODY
HTML

Mã:

<SCRIPT language=javascript>
// Location of this script:
// http://www.geocities.com/e_i_search/premshree/pub/scripts/JS/ticker12.htm
//*********************************************
//* JavaScript Ticker 1.2                     *
//* Ticks a number of messages                *
//* (c) Premshree Pillai,                     *
//* http://qik.cjb.net                        *
//* E-mail : [email protected]            *
//* Use the script freely as long as this     *
//* message is intact                         *
//*********************************************

window.onerror = null;
 var bName = navigator.appName;
 var bVer = parseInt(navigator.appVersion);
 var NS4 = (bName == "Netscape" && bVer >= 4);
 var IE4 = (bName == "Microsoft Internet Explorer" 
 && bVer >= 4);
 var NS3 = (bName == "Netscape" && bVer < 4);
 var IE3 = (bName == "Microsoft Internet Explorer" 
 && bVer < 4);
 var i=0;
 var top_pos = 0;
 var left_pos = 0;
 var time_length = 2000;
 var div_name = "qiksearch";
 var ticker_msg = new Array(
     "Welcome to JavaScriptBank.com",
     "Bank of free Javascript",
     "Free Only");

 var ticker_url = new Array(
     "http://javascriptbank.com",
     "http://javascriptbank.com",
     "http://javascriptbank.com" );

var ticker_len = ticker_msg.length;

for(var l=0; l<ticker_len; l++)
{
document.write('<div id="' + div_name + l + '" style="position:relative; visibility:hidden; top:' + top_pos + '; left:' + left_pos + '">' + '<table bgcolor="#000000" cellspacing="0" cellpadding="1" width="400"><tr><td><table width="100%" bgcolor="#EFEFEF"><tr><td><center><a href="' + ticker_url[l] + '" class="tick">' + ticker_msg[l] + '</center></a></td>');
document.write('</tr></table></td></tr></table>' + '</div>');
}

if (NS4 || IE4) {
 if (navigator.appName == "Netscape") {
 layerStyleRef="layer.";
 layerRef="document.layers";
 styleSwitch="";
 }else{
 layerStyleRef="layer.style.";
 layerRef="document.all";
 styleSwitch=".style";
 }
}

//SCROLL
function tick(){
if (NS4 || IE4) {
 if(i<ticker_len)
 {
  if(i==0)
  { 
   eval(layerRef+'["'+div_name+(ticker_len-1)+'"]'+
   styleSwitch+'.visibility="hidden"');
  }
  if(i>0)
  { 
   eval(layerRef+'["'+div_name+(i-1)+'"]'+
   styleSwitch+'.visibility="hidden"');
  }
 eval(layerRef+'["'+div_name+i+'"]'+
 styleSwitch+'.visibility="visible"');
 }
 if(i<ticker_len-1)
 {
 i++;
 }
 else
 {
 i=0;
 }
 setTimeout("tick()",time_length);
 }
}

tick();

</SCRIPT>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Các hiệu ứng tương tự
-

You must be registered for see links

-

You must be registered for see links

-

You must be registered for see links

Bạn có thể xem thêm nhiều JavaScript khác về

You must be registered for see links

và

You must be registered for see links

-

You must be registered for see links

Chữ cuộn trong khung

JavaScriptBank

New member