작성일 : 13-10-18 09:09
|
[Script] 마우스 따라다니는 설명서
|
 |
|
글쓴이 :
조형래
 조회 : 4,282
|
<script type="text/javascript">
<!--
function msgposit(ct_count) {
if(!ct_count) ct_count=0;
var HNUM = Math.ceil(eval(ct_count)/4);
var add_top = 40*HNUM;
var browser = navigator.appName
// alert(browser);
if(browser=="Microsoft Internet Explorer"){
message.style.posLeft = event.x + 20 + document.body.scrollLeft;
message.style.posTop = event.y + add_top + document.body.scrollTop;
}else{
// alert(event.clientX+ document.body.scrollLeft + "px");
document.getElementById("message").style.left = event.clientX +20+ document.body.scrollLeft + "px";
document.getElementById("message").style.top = event.clientY + document.body.scrollTop + "px";
}
}
function msgset(str) {
var text;
text = str;
message.innerHTML = text;
}
function msghide() {
message.innerHTML = '';
}
//-->
</script>
<div class="in_box" id="in_box<?php echo $d[id]; ?>" onclick="layer_open('<?php echo $d[id]; ?>','<?php echo $d[category]; ?>','<?php echo $d[title]; ?>','<?php echo $d[content]; ?>','<?php echo $d[userfile1]; ?>')">
<!-- <div class="in_box_content">
<strong><font color="white">
<?//php echo $d[title]; ?>
</font></strong>
</div> -->
<a href="#@" onMouseOver="msgset('<div style=\'position:absolute;z-index:999;padding:8px;border:1px solid #eeeeee;background:black;width:auto;text-align:center;\'><strong><font color=white size=3><?=$d[title]?></font></strong></div>')" onMouseMove='msgposit()' onMouseOut='msghide()'>
<img src="../../portfolio/data/<?php echo $d[userfile1]; ?>" alt="<?php echo $d[title]; ?>" width="196px" height="155px"/></a>
</div>
|
|
1204
