화면 가로 스크롤 배너 소스
로빈아빠
본문
<style>
#slideCont {
border:solid 1px #000;
text-align:center;
}
#slideCont img {
margin: 5px;
}
</style>
<script type="text/javascript">
<!--
function clip() {
// width of the banner container
var contWidth = 425;
// height of the banner container
var contHeight = 60;
var id1 = document.getElementById('slideA');
var id2 = document.getElementById('slideB');
id1.style.left = parseInt(id1.style.left)-1 + 'px';
document.getElementById('slideCont').style.width = contWidth + "px";
document.getElementById('slideCont').style.clip = 'rect(auto,'+ contWidth +'px,' + contHeight +'px,auto)';
id2.style.display = '';
if(parseFloat(id1.style.left) == -(contWidth)) {
id1.style.left = '0px';
}
setTimeout(clip,25)
}
// Multiple onload function created by: Simon Willison
// http://simonwillison.net/2004/May/26/addLoadEvent/
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
if (oldonload) {
oldonload();
}
func();
}
}
}
addLoadEvent(function() {
clip();
});
//-->
</script>
</HEAD>
<BODY>
<div id="slideCont" style="position:relative;z-index:1;width:425px;height:70px;top:0px;overflow:hidden;">
<div id="slideA" style="position:absolute;z-index:1;top:0px;left:0px;width:850px;height:60px;overflow:hidden;">
<div style="float:left" id="innerSlideA">
<a href="http://www.webmadang.net/"><img src="http://www.webmadang.net/main/logo6.gif" border="0"></a>
<a href="http://www.webmadang.net"><img src="http://www.webmadang.net/main/logo7.gif" border="0"></a>
<a href="http://www.webmadang.net/"><img src="http://www.webmadang.net/main/logo8.gif" border="0"></a>
</div>
<div id="slideB" style="position:relative;z-index:1;top:0px;left:0px;width:425px;height:60px;overflow:hidden;">
<a href="http://www.webmadang.net/"><img src="http://www.webmadang.net/main/logo6.gif" border="0"></a>
<a href="http://www.webmadang.net"><img src="http://www.webmadang.net/main/logo7.gif" border="0"></a>
<a href="http://www.webmadang.net/"><img src="http://www.webmadang.net/main/logo8.gif" border="0"></a>
</div>
</div>
</div>
</BODY>
</HTML>
<body>
</body>
</html>
관련링크
댓글목록
등록된 댓글이 없습니다.