묻고답하기
롤오버에 관해서~....
2004.09.12 19:28
제로보드 헤드 부분에 넣어서 롤오버를 구현 할려고 했습니다... (마우스 오버일때 이미지 변환해서 링크시키려구합니다.)
그래서 우선 나모로 롤오버를 만들어 소스를 헤드부분에 넣었죠.. 그러나.
롤오버구현시 <body OnLoad=~~~~~>게 붙더군요. 게시판에서는 바디라인을 직접사용할수 없기 때문에...
다른 방법을 찾아서 할려고 했습니다... 그러나 많이 막히더군요. java도 들어가구
여러분의 따뜻한 조언 부탁드립니다...
참고 소스입니다. (이런 방법 말고 다른 방법을 찾고 있습니다.)
<script language="JavaScript">
<!--
function na_restore_img_src(name, nsdoc)
{
var img = eval((navigator.appName.indexOf('Netscape', 0) != -1) ? nsdoc+'.'+name : 'document.all.'+name);
if (name == '')
return;
if (img && img.altsrc) {
img.src = img.altsrc;
img.altsrc = null;
}
}
function na_preload_img()
{
var img_list = na_preload_img.arguments;
if (document.preloadlist == null)
document.preloadlist = new Array();
var top = document.preloadlist.length;
for (var i=0; i < img_list.length; i++) {
document.preloadlist[top+i] = new Image;
document.preloadlist[top+i].src = img_list[i+1];
}
}
function na_change_img_src(name, nsdoc, rpath, preload)
{
var img = eval((navigator.appName.indexOf('Netscape', 0) != -1) ? nsdoc+'.'+name : 'document.all.'+name);
if (name == '')
return;
if (img) {
img.altsrc = img.src;
img.src = rpath;
}
}
// -->
</script>
.
.
.
.
<body OnLoad="na_preload_img(false, 'images/index_mainbar_rule_03.jpg');">
<a href="#" OnMouseOut="na_restore_img_src('image1', 'document')" OnMouseOver="na_change_img_src('image1', 'document', 'images/index_mainbar_rule_03.jpg', true);"><img src="images/index_mainbar_03.jpg" width="307" height="56" border="0" name="image1"></a>
그래서 우선 나모로 롤오버를 만들어 소스를 헤드부분에 넣었죠.. 그러나.
롤오버구현시 <body OnLoad=~~~~~>게 붙더군요. 게시판에서는 바디라인을 직접사용할수 없기 때문에...
다른 방법을 찾아서 할려고 했습니다... 그러나 많이 막히더군요. java도 들어가구
여러분의 따뜻한 조언 부탁드립니다...
참고 소스입니다. (이런 방법 말고 다른 방법을 찾고 있습니다.)
<script language="JavaScript">
<!--
function na_restore_img_src(name, nsdoc)
{
var img = eval((navigator.appName.indexOf('Netscape', 0) != -1) ? nsdoc+'.'+name : 'document.all.'+name);
if (name == '')
return;
if (img && img.altsrc) {
img.src = img.altsrc;
img.altsrc = null;
}
}
function na_preload_img()
{
var img_list = na_preload_img.arguments;
if (document.preloadlist == null)
document.preloadlist = new Array();
var top = document.preloadlist.length;
for (var i=0; i < img_list.length; i++) {
document.preloadlist[top+i] = new Image;
document.preloadlist[top+i].src = img_list[i+1];
}
}
function na_change_img_src(name, nsdoc, rpath, preload)
{
var img = eval((navigator.appName.indexOf('Netscape', 0) != -1) ? nsdoc+'.'+name : 'document.all.'+name);
if (name == '')
return;
if (img) {
img.altsrc = img.src;
img.src = rpath;
}
}
// -->
</script>
.
.
.
.
<body OnLoad="na_preload_img(false, 'images/index_mainbar_rule_03.jpg');">
<a href="#" OnMouseOut="na_restore_img_src('image1', 'document')" OnMouseOver="na_change_img_src('image1', 'document', 'images/index_mainbar_rule_03.jpg', true);"><img src="images/index_mainbar_03.jpg" width="307" height="56" border="0" name="image1"></a>