demo:
- Code:
<html>
<head>
<title> .:. Cộng đồng Teen9B.:.</title>
<link rel="shortcut icon" href="http://dl8.glitter-graphics.net/pub/439/439758h831qlcl8s.gif" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="http://kidfam.net/js/ja.catslwi.css" type="text/css" />
<link href="http://kidfam.net/js/ja.moomenu.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="http://kidfam.net/js2/ja.slideshow2.css" type="text/css" />
<link rel="stylesheet" href="http://kidfam.net/js2/template.css" type="text/css" />
</head>
<body id="bd" class=" fs3" style="text-align: center" >
<script type="text/javascript" src="http://kidfam.net/js/mootools.js"></script>
<script type="text/javascript" src="http://kidfam.net/js/ja.catslwi.js"></script>
<script type="text/javascript" src="http://kidfam.net/js2/1.js"></script>
<script src="http://kidfam.net/js2/ja.slideshow2.js" type="text/javascript"></script>
<script src="http://kidfam.net/js2/ja.slideshow.js" type="text/javascript"></script>
<script type="text/javascript" src="js2/2.js"></script>
<script type="text/javascript">
window.setTimeout("parent.location.href=\"/forum.htm?tt=1'",60000)
</script>
<script type="text/javascript">
jaSLWI.expandH = 75;
</script>
<!--[if lte IE 6]><style type="text/css">img {border: none;}</style><![endif]--><div id="extras"><div>
<br><br><div id="ja-topslwrap2">
<table cellpadding="0" cellspacing="0" align="center"><tr><td>
<div id="ja-topsl2" class="clearfix">
<div class="moduletable_default clearfix">
<div class="moduletable_default clearfix">
<div onclick="location.href='/register?tt=1'" class="ja-catslwi ja-catslwi-first" style=" cursor: pointer;">
<div class="ja-catslwi-inner" style="height: 400px; background:url(http://i20.servimg.com/u/f20/15/90/59/25/teen9b11.jpg) no-repeat;">
<div class="ja-catslwi-container">
<div class="ja-catslwi-text" style="height: 25px;">
<div id="ja-catslwi-textbg1" class="ja-catslwi-content" style="height:75px; background-color:#000000; position:absolute; left:0px; top:0px; width:226px"">
<script type="text/javascript">
textbg = document.getElementById("ja-catslwi-textbg1");
textbg.style.opacity = 0.75;
textbg.style.filter = 'alpha(opacity=75)';
</script>
</div>
<div class="ja-catslwi-display" style="height:75px; color:#666666;">
<h3 align="center"><font size="2">Click Để Đăng Ký
</font> </h3>
<p align="center"><font size="2">Làm thành viên Teen9B rồi đó!</font></div>
</div>
</div>
</div>
</div>
<div onclick="location.href='http://www.teen9b.tk/forum'" class="ja-catslwi ja-catslwi-center" style=" cursor: pointer;">
<div class="ja-catslwi-inner" style="height: 400px; background:url(http://i20.servimg.com/u/f20/15/90/59/25/ban11110.jpg) no-repeat;">
<div class="ja-catslwi-container">
<div class="ja-catslwi-text" style="height: 25px;">
<div id="ja-catslwi-textbg2" class="ja-catslwi-content" style="height:75px; background-color:#000000; position:absolute; left:0px; top:0px; width:226px">
<script type="text/javascript">
textbg = document.getElementById("ja-catslwi-textbg2");
textbg.style.opacity = 0.75;
textbg.style.filter = 'alpha(opacity=75)';
</script>
</div>
<div class="ja-catslwi-display" style="height:75px; color:#666666; position:absolute; left:-1px; top:0px; width:204px">
<h3 align="center"><font size="2">Click Để Vào Diễn đàn</font></h3>
<p align="center"><font size="2">Vui vẻ nha bạn hiền của tôi!</font></div>
</div>
</div>
</div>
</div>
<div onclick="location.href='http://www.upanh.com/'" class="ja-catslwi ja-catslwi-center" style=" cursor: pointer;">
<div class="ja-catslwi-inner" style="height: 400px; background:url(http://i20.servimg.com/u/f20/15/90/59/25/teen9b10.jpg) no-repeat;">
<div class="ja-catslwi-container">
<div class="ja-catslwi-text" style="height: 25px;">
<div id="ja-catslwi-textbg3" class="ja-catslwi-content" style="height:75px; background-color:#000000; position:absolute; left:0px; top:0px; width:226px"">
<script type="text/javascript">
textbg = document.getElementById("ja-catslwi-textbg3");
textbg.style.opacity = 0.75;
textbg.style.filter = 'alpha(opacity=75)';
</script>
</div>
<div class="ja-catslwi-display" style="height:75px; color:#666666;">
<h3 align="center"><font size="2">Click Để Up Ảnh</font></h3>
<p align="center"><font size="2">Chia sẻ những bức hình riêng.</font></div>
</div>
</div>
</div>
</div>
<div onclick="location.href='http://www.teen9b.tk/f42-forum#axzz1L6LudF3J'" class="ja-catslwi ja-catslwi-last" style=" cursor: pointer;">
<div class="ja-catslwi-inner" style="height: 400px; background:url(http://i20.servimg.com/u/f20/15/90/59/25/111.jpg) no-repeat;">
<div class="ja-catslwi-container">
<div class="ja-catslwi-text" style="height: 25px;">
<div id="ja-catslwi-textbg4" class="ja-catslwi-content" style="height:75px; background-color:#000000; position:absolute; left:0px; top:0px; width:226px"">
<script type="text/javascript">
textbg = document.getElementById("ja-catslwi-textbg4");
textbg.style.opacity = 0.75;
textbg.style.filter = 'alpha(opacity=75)';
</script>
</div>
<div class="ja-catslwi-display" style="height:75px; color:#666666;">
<h3 align="center"><font size="2">Cool Boy - Cute Girl</font></h3>
<p align="center"><font size="2">Những khoảnh khắc đáng nhớ.</font></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<object width="1" height="1"><param name="movie" value="http://www.nhaccuatui.com/m/MRnTJfDCi1" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="flashvars" value="&autostart=true" /><embed src="http://www.nhaccuatui.com/m/MRnTJfDCi1" quality="high" wmode="transparent" type="application/x-shockwave-flash" flashvars="&autostart=true" width="1" height="1"></embed></object>
</td></tr></table><div>Hệ thống sẽ tự chuyển sau 30s<br> <br> Copyright © 2010-2011 Cộng đồng Teen9b.<br>Diễn đàn hiển thị tốt nhất ở <a href="http://download.mozilla.org/?product=firefox-4.0.1&os=win&lang=vi" class="postlink" target="_blank"><b>FireFox</b></a> và độ phân giải là 1280x960. <br>Phát triển bởi cộng đồng học sinh THCS Nguyễn Đức Cảnh và tất cả thành viên. <br> Hỗ trợ Online: nhock.demon9x@yahoo.com<div>
</body>
</html>
<a href="http://www.forumvi.com" target="_blank"> </a>
<script language="javascript" type="text/javascript">
<!--
var text='Foget Me Not Teen9b - Teen9B No1!';
var delay = 40; // SPEED OF TRAIL
var Xoff = 0; // PIXEL COUNT FROM THE LEFT OF THE CURSOR (- VALUES GO TO LEFT)
var Yoff = -30; // PIXEL COUNT FROM THE TOP OF THE CURSOR (- VALUES GO UP)
var txtw = 14; // AMOUNT OF PIXEL SPACE EACH CHARACTER OCCUPIES
var beghtml = '<font color="#FF0000"><b>'; // OPTIONAL HTML CODE THAT EFFECTS WHOLE TEXT STRING SUCH AS FONT COLOR, SIZE, ETC.
var endhtml = '<\/b><\/font>'; // END HTML CODE. MOSTLY USED IF ABOVE SETTING IS USED.
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 name="txt'+i+'" top="-100" left="0" width="'+txtw+'" 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>