eval 썸네일형 리스트형 Html,Jsp,Css_10 * 스크롤 배너 만들기 # 결과 * div를 이용한 본문내 삽입되는 팝업창 만들기 # 결과 * 이미지 클릭하여 큰 이미지 나오는 갤러리 만들기 # 결과 작은 사진을 클릭하면 마우스포인터의 현재 위치에 큰 사진이 div팝업창으로 뜨고 그 창의 윗부분을 잡고 움직일 수 있도록 구현 하고 X버튼을 눌러 창을 끌 수 있다. 웹 호스팅 계정이 없어 구현에 이미지 링크를 통한 소스 재작성으로도 어려움이 있어 스크린샷으로 대체함 더보기 Html,Jsp,Css_09 * Windows객체 (파일없이 새창띄우기) # 결과 (휠 클릭 후 열기 : 마우스 왼쪽 클릭후 열기하면 페이지 이동됨) 이미지 클릭시 팝업창 내용 삭제 팝업창닫기 버튼 누를시 창 사라짐 * 스크롤바 자동이동하기 위로 # 결과 (휠 클릭 후 열기 : 마우스 왼쪽 클릭후 열기하면 페이지 이동됨) 스크롤바 이동효과를 보기 위해 소스에 잡다한 것을 많이 넣었다. 이동 버튼을 누르면 아래로 이동하고 이동 후 위로 올라가 다시 한번 이동버튼을 눌렀을 때 재작동이 용이하도록 if문에 i값을 초기화 시키는 소스를 넣었다. * Document 객체 ----배경---- 빨강 파랑 검정 회색 보라 #ffcccc ----글자---- 빨강 파랑 검정 회색 보라 #ffcccc 자바 Web 프로그래밍 링크테스트 # 결과 (휠 클.. 더보기 Html,Jsp,Css_04 전일에 이어 스타일시트 글자속성 중 background img 부터.. style.css 수정 후 link로 style.css파일을 import하는 tag가 입력되어 있는 style2.html에서 확인 8. background : 배경 설정 스타일시트 8-1. background-image : 스타일 시트를 적용하는 구간 : Document, 즉 Body → BODY {background-image: url(..\HTML\img\ Untitled-1_02.gif);} ▲ 이미지 가져오기 8-2. background-repeat : 반복여부 결정 → BODY {background-repeat: no-repeat;} ▲ no-repeat: 반복없이 한번만 백그라운드 이미지 사용 → BODY {backgrou.. 더보기 이전 1 다음
