スクロールウィンドの設置をしたいのですが

下記のような
スクロールウィンドの設置をしたいのですが
> 参考例：
http://www.kiduki.com/


閉じるを押せば、二度と出ないようなメルマガの設置をしたいのですが

参考になるようなPを教えて下さい。

No.1 ベストアンサー 回答者： moon_night 回答日時： 2004/11/01 10:38

ご自分で出したページを参考にすればいいのでは？

該当部分抜き出し。

##### hover.js

// Code to display window every time broser opens this page language="JavaScript1.2"

var ie=document.all
var dom=document.getElementById
var ns4=document.layers
var ns6=document.getElementById&&!document.all
var calunits=document.layers? "" : "px"

var bouncelimit=32 //(must be divisible by 8)
var direction="up"
var lpos

function initbox(){
if (!dom&&!ie&&!ns4)
return
crossobj=(dom)?document.getElementById("dropin").style : ie? document.all.dropin : document.dropin
scroll_top=(ie)? truebody().scrollTop : window.pageYOffset
crossobj.top=scroll_top-250+calunits
crossobj.visibility=(dom||ie)? "visible" : "show"
dropstart=setInterval("dropin()",50)
}

function dropin(){
scroll_top=(ie)? truebody().scrollTop : window.pageYOffset
if (parseInt(crossobj.top)<lpos)
crossobj.top=parseInt(crossobj.top)+25+calunits
else{
clearInterval(dropstart)
bouncestart=setInterval("bouncein()",50)
}
}

function bouncein(){
crossobj.top=parseInt(crossobj.top)-bouncelimit+calunits
if (bouncelimit<0)
bouncelimit+=8
bouncelimit=bouncelimit*-1
if (bouncelimit==0){
clearInterval(bouncestart)
}
}

function dismissbox(){
if (window.bouncestart) clearInterval(bouncestart)
crossobj.visibility="hidden"
}

function truebody(){
return (document.compatMode!="BackCompat")? document.documentElement : document.body
}
function delay(x)
{
var d=new Date()
d=d.getSeconds()+x
if (d>=60) d=d-60
while (true)
{
var d1=new Date()
if(d==d1.getSeconds())
break;
}
}
function SetCooKie(name,value)
{
var argv=SetCooKie.arguments;
var argc=SetCooKie.arguments.length
var expires=(argc>2) ? argv[2] : null
var path=(argc>3) ? argv[3] : null
var domain=(argc>4) ? argv[4] : null
var secure=(argc>5) ? argv[5] : false
document.cookie=name + "=" +escape(value) +
((expires==null) ? "" :( ";expires=" + expires.toGMTString())) +
((path==null) ? "" :( ";path=" + path)) +
((domain==null) ? "" :( ";domain=" + domain)) +
((secure==true) ? "; secure " : "")
}
function GetCookie(name)
{
var arg=name + "="
var alen=arg.length
var clen=document.cookie.length
var i=0
while(i<clen)
{
var j=i+alen
if (document.cookie.substring(i,j)==arg)
{
//getCookieVal(j)
return true;
}
i=document.cookie.indexOf(" ", i) + i;
if ( i==0) break;
}
return false;
}
function getCookieVal(offset)
{
var endstr=document.cookie.indexOf(";",offset)
if(endstr==-1)
{
endstr=document.cookie.length;
}
return unescape(document.cookie.substring(offset,endstr));

}
function Delaynew()
{
if (!ns4)
{
document.getElementById("dropin").style.visibility="visible";

}
else
document.dropin.visibility="show";

return;
}


function DropIn(main_bgcolor,main_texttype,main_textcolor,textbar,height,width,top,left,bordercolor,borderstyle,borderwidth,sec,showeverytime)
{
lpos = top
ans="no"
//delay(sec)
var chkshow=false;
if (!showeverytime)
{
chkshow=GetCookie('popDropin');
if (chkshow)
{
SetCooKie('popDropin','added')
}
}

if(!chkshow)
{
if (ns4)
{
templayer=document.layers[0]
templayer.left=left
templayer.top=top
templayer.width=width
templayer.height=height
}
else if (ns6)
{
document.getElementById("tbl").style.border = bordercolor+' '+borderwidth+'px '+borderstyle
document.getElementById("dragtext").innerHTML=textbar

document.getElementById("dropin").style.height=height +'px'
document.getElementById("dropin").style.width =width +'px'
document.getElementById("dropin").style.left =left +'px'
document.getElementById("dropin").style.top =top +'px'
document.getElementById("dragtext").style.backgroundColor=main_bgcolor
document.getElementById("dragtext").style.color = main_textcolor
document.getElementById("dragtext").style.fontFamily = main_texttype
}
else
{
document.getElementById("tbl").style.border = bordercolor+' '+borderwidth+'px '+borderstyle
document.getElementById("dragtext").innerHTML=textbar

document.getElementById("dropin").style.height=height +'px'
document.getElementById("dropin").style.width =width +'px'
document.getElementById("dropin").style.left =left +'px'
document.getElementById("dropin").style.top =top +'px'
document.getElementById("dragtext").style.backgroundColor=main_bgcolor
document.getElementById("dragtext").style.color = main_textcolor
document.getElementById("dragtext").style.fontFamily = main_texttype
}
setTimeout("initbox()",(sec*1000));
}
}
//}




//window.onload=initbox



##### HTML


<html>
<head>

<script language="Javascript" src="hover.js"></script>

</head>
<body>

<div id="dropin" style="position:absolute; left:400px; top:300px; width:400px; height:100px; visibility: hidden;">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" id="tbl" style="border:thick ridge #000000">
<tr>
<td>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">

<tr>
<td width="100%" valign="top" bgcolor="#FFFFFF" id="dragtext">サンプルコメント</td>
</tr>
<tr>
<td height="14" valign="top" align="right" bgcolor="#FFFFFF" style="cursor:hand">
<a href="#" onClick="dismissbox();return false" style="font-size: 12px;"><u>ウィンドウを閉じる</u></a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>

<script language="Javascript">
DropIn(
'#FFFFFF','ＭＳ Ｐゴシック','#000000','<table width="260" border="0" cellspacing="10" cellpadding="2"><tr><td>ここに文字を書く</td></tr></table></form></td></tr></table>','260','150','100','250','#FF3300','dashed',3,0,true)
</script>


</body>
</html>

この回答へのお礼

ありがとうございました

お礼日時：2004/11/02 12:35