var msg1 = " ****** "+msg+" ******";

var msg2 = " ------- "+msg+" -------";

if(pos == 0){

masg = msg1;

pos = 1;

}

else if(pos == 1){

masg = msg2;

pos = 0;

}

document.title = masg;

timer = window.setTimeout("titlebar("+pos+")",speed);

}

titlebar(0);

</script>

<!-- Script by Rz Rasel -->

<!-- emailtorasel@yahoo.com -->

<!-- more scripts @ http://www.hscripts.com -->

Labels: JavaScript

msg = " |--- "+msg+" ---|";

var le = msg.length;

if(rev == "fwd"){

if(pos < le){

pos = pos+1;

scroll = msg.substr(0,pos);

document.title = scroll;

timer = window.setTimeout("titlebar("+pos+")",speed);

}

else{

rev = "bwd";

timer = window.setTimeout("titlebar("+pos+")",speed);

}

}

else{

if(pos > 0){

pos = pos-1;

var ale = le-pos;

scrol = msg.substr(ale,le);

document.title = scrol;

timer = window.setTimeout("titlebar("+pos+")",speed);

}

else{

rev = "fwd";

timer = window.setTimeout("titlebar("+pos+")",speed);

}

}

}

titlebar(0);

</script>

<!-- Script by Rz Rasel -->

<!-- emailtorasel@yahoo.com -->

<!-- more scripts @ http://www.hscripts.com -->

Labels: JavaScript

document.getElementById('ebox1').style.zIndex=100;

document.getElementById('s').style.zIndex=1000;

document.getElementById('ebox1').style.top=stop+"px";

var top_pos = stop+top_align;

document.getElementById('s').style.top= top_pos+"px";

var sleft = window.pageXOffset || document.body.scrollLeft || document.documentElement.scrollLeft;

var left_pos = sleft+left_align;

document.getElementById('s').style.left= left_pos+"px";

}

function hide(){

document.getElementById('s').style.display='none';

document.getElementById('frm').style.opacity = 100;

document.getElementById('ebox1').style.display='none';

}



function mveditbox() {

var stop =window.pageYOffset || document.body.scrollTop || document.documentElement.scrollTop;

document.getElementById('ebox1').style.top=stop+"px";



var tot = stop+top_align;

document.getElementById('s').style.top= tot+"px";

document.getElementById('ebox1').style.height = document.body.clientHeight+"px";

}

</script>

<!-- Script by Rz Rasel -->

</head>

<body>

<iframe frameborder=1 id='ebox1' width=100%

height=100% bgcolor=#808080 style='display: none; position:absolute;

top: 0px; left: 0px;filter:alpha(opacity=0.5);-moz-opacity: 0.5;opacity: 0.5;background-color: #808080;'>

</iframe>

<form name=frm>

<table id=frm align=center border=0 cellpadding=0 cellspacing=0 bgcolor=black style="border: 1px solid black;">

<tr><td align=left><img src="coding_coding.jpg" onmouseover='disp();'></td></tr></table></form>

<div id='s' style='display: none; border:thin solid black; position: absolute; background-color: black;'>

<div style="background: url('hgreybox/head.gif'); width: 350px; text-align: right; color: white; font-weight: bold;">

<a style='cursor:pointer;color:#ffffff;' onclick='hide()'><b>X </b></a></div>

<div align=center id='ad' style="color: red; background-color: white; font-weight: bold; font-family: Times New Roman; font-size: 14px;"><a style="text-decoration:none;" href="http://hscripts.com/tutorials/photoshop/" target=_blank><img src="ferrari.gif" width=350px></a></div>

</div>
</body>

</html>

Labels: JavaScript

<style type = "text/css">

#bubble_tooltip{

width:210px;

position:absolute;

display: none;

}

#bubble_tooltip .bubble_top{

position:relative;

background-image: url(htooltip/bubble_top.gif);

background-repeat:no-repeat;

height:18px;

}

#bubble_tooltip .bubble_middle{

position:relative;

background-image: url(htooltip/bubble_middle.gif);

background-repeat: repeat-y;

background-position: bottom left;

}

#bubble_tooltip .bubble_middle div{

padding-left: 12px;

padding-right: 20px;

position:relative;

font-size: 11px;

font-family: arial, verdana, san-serif;

text-decoration: none;

color: red;

text-align:justify;

}

#bubble_tooltip .bubble_bottom{

background-image: url(htooltip/bubble_bottom.gif);

background-repeat:no-repeat;

height:65px;

position:relative;

top: 0px;

}

</style>



<!-- Script by Rz Rasel -->

<script type="text/javascript">

var text1="Hi! <br> I am Rasel <br> The tooltip is an easy way of interaction for the visitors in a web page ";

var text2="For webhosting, please contact at eamiltorasel@yahoo.com";

//This is the text to be displayed on the tooltip.

if(document.images){

pic1= new Image();

pic1.src='htooltip/bubble_top.gif';

pic2= new Image();

pic2.src='htooltip/bubble_middle.gif';

pic3= new Image();

pic3.src='htooltip/bubble_bottom.gif';

}

function showToolTip(e,text){

if(document.all)e = event;

var obj = document.getElementById('bubble_tooltip');

var obj2 = document.getElementById('bubble_tooltip_content');

obj2.innerHTML = text;

obj.style.display = 'block';

var st = Math.max(document.body.scrollTop,document.documentElement.scrollTop);

if(navigator.userAgent.toLowerCase().indexOf('safari')>=0)st=0;

var leftPos = e.clientX-2;

if(leftPos<0)leftPos = 0;

obj.style.left = leftPos + 'px';

obj.style.top = e.clientY-obj.offsetHeight+2+st+ 'px';

}

function hideToolTip()

{

document.getElementById('bubble_tooltip').style.display = 'none';

}

</script>

<!-- Script by Rz Rasel -->

</head>

<body>

<br>

<br>

<br><br>

<br>

<br>

<!-- Script by Rz Rasel -->

<table id="bubble_tooltip" border=0 cellpadding=0 cellspacing=0>

<tr class="bubble_top"><td></td></tr>

<tr class="bubble_middle"><td><div id="bubble_tooltip_content"></div></td></tr>

<tr class="bubble_bottom"><td colspan=5></td></tr>

</table>

Just move your mouse cursor over the button or image.<br><br>

<input type="button" id="b1" value="BUTTON" onmouseover="showToolTip(event,text1)" onmouseout="hideToolTip()"></input>

<br><br>

<a href="#" onmouseover="showToolTip(event,text2)" onmouseout="hideToolTip()"> LINK </a>

<!-- Script by Rz Rasel -->

</body>

</html>

Pictures:-

Labels: JavaScript

Labels: JavaScript

FIXED BAR AT THE BOTTOM LIKE FACEBOOK:

<style type='text/css'>

#bottom_nav

{

position: fixed;

bottom: 0px;

border: 1px solid black;

}

</style>

<div id='bottom_nav'>RZ RASEL - AMORABOTI</div>

RZ RASEL
Amoraboti
IF ERROR – PLEASE ACKNOWLEDGE ME. (RZ RASEL)

Labels: JavaScript