페이지 열때마다 Random 이미지 보이기 > 기술자료 | 해피정닷컴

페이지 열때마다 Random 이미지 보이기 > 기술자료

본문 바로가기

사이트 내 전체검색

페이지 열때마다 Random 이미지 보이기 > 기술자료

PHP 페이지 열때마다 Random 이미지 보이기

페이지 정보


본문

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
  #banner {margin: 0; padding: 0; list-style-type: none;}
  img {border: 0;}
</style>
<script type="text/javascript">
  function randomBanner() {
    var bannerBox = document.getElementById('banner');
    var bannerImg = bannerBox.getElementsByTagName('li');
    var randomNum = Math.floor((Math.random() * bannerImg.length));
    for (var i = 0; i<bannerImg.length; i++) {
      bannerImg[i].style.display = 'none';
    }
    bannerImg[randomNum].style.display = 'block';
  }
</script>
</head>

<body>
<ul id="banner">
  <li><a href="http://google.com"><img src="img1.jpg" alt="" /></a></li>
  <li><a href="http://microsoft.com"><img src="img2.jpg" alt="" /></a></li>
  <li><a href="https://www.happyjung.com"><img src="img3.jpg" alt="" /></a></li>
</ul>
<script type="text/javascript">
  randomBanner("banner");
</script>
</body>
</html>


참고자료
http://webuit.tistory.com/70

댓글목록

등록된 댓글이 없습니다.


Total 2,634건 65 페이지
  • RSS
기술자료 목록
1354
XML   18238  2013-04-26 09:01 ~ 2013-05-02 00:00  
1353
그누보드   14969  2013-04-25 01:32  
1352
PHP   17306  2013-04-17 23:13 ~ 2021-05-18 16:40  
1351
그누보드   22828  2013-04-17 00:31  
1350
PHP   32371  2013-04-16 02:21 ~ 2020-02-11 20:22  
1349
Adobe   22975  2013-04-15 03:41  
1348
일반   39167  2013-04-11 16:11  
1347
ClassicASP   21964  2013-04-07 02:12  
1346
Adobe   33312  2013-03-31 19:27  
1345
일반   17730  2013-03-31 18:37  
1344
일반   24414  2013-03-29 12:02  
1343
일반   17664  2013-03-28 02:42  
1342
일반   20598  2013-03-27 11:08  
1341
ClassicASP   15658  2013-03-26 22:55 ~ 2020-05-05 13:10  
열람
PHP   16918  2013-03-26 01:49  
1339
Adobe   25765  2013-03-25 21:43  
1338
Adobe   28742  2013-03-25 21:31 ~ 2013-03-25 00:00  
1337
Adobe   2492301  2013-03-25 21:14 ~ 2015-07-14 00:00  
1336
Adobe   24387  2013-03-25 14:53 ~ 2014-04-09 00:00  
1335
MySQL   12698  2013-03-23 17:40  

검색

해피정닷컴 정보

회사소개 회사연혁 협력사 오시는길 서비스 이용약관 개인정보 처리방침

회사명: 해피정닷컴   대표: 정창용   전화: 070-7600-3500   팩스: 042-670-8272
주소: (34368) 대전시 대덕구 대화로 160 대전산업용재유통단지 1동 222호
개인정보보호책임자: 정창용   사업자번호: 119-05-36414
통신판매업신고: 제2024-대전대덕-0405호 [사업자등록확인]  
Copyright 2001~2024 해피정닷컴. All Rights Reserved.