오늘의 8 월 28 일은 중국의 발렌타인 데이이기 때문에 프로그램 원숭이로서 나는 집에서 코드를 두드립니다! 그러나 나는 여전히 이륙의 핵심을 가지고 있습니다
특정 기능은 다음과 같습니다.
1. 눈 배경 애니메이션
2. 다음 텍스트는 목소리와 함께 Victy입니다
3. 중앙 그림 3D 회전
소스 코드 첨부 :
<! doctype html> <html> <head> <meta charset = utf-8> <메타 이름 = 키워드 내용 = 키워드> <meta name = description Information> <title> tanaibis 행복 </title> <!- CSS 스타일 레이어 스타일 테이블-> <스타일 유형/CSS> *{마진 : 0;} html {width : 100%; 3.jpg; 색상 : #fff;}/*배경 : -webkit-linear-gradient (45deg,#ff0000,#ff0099,#33ff00,#3300cc,#000000);*/*e nd top*//*box start*/. 상자 {310px; 속도 순환; : #6fade1; to {transform : rotatey (360deg);} </style> </head> <!-Marquee Rolling Tag Behaviod = 대체 충돌-> <marquee behavior = allate> 시간은 오래되지 않습니다. </marquee> </div> <!-끝 상단> <!-박스 시작-> <div class = box> <div class = pic> <ul> <!-이미지 4 요인 SRC 경로 너비 높이 ALT 설명 최적화 -> <li> <img src = images/1.png 너비 = <li> <img src = images/2.png 너비 = 높이 = <li> <img src = images/3.png 너비 = 높이 = <li > <img src = images/4.png 너비 = 높이 = <li> <li> <li> <img src = images/5.png 너비 = 높이 = <li> <img src = images/6.png 너비 = 높이 = < /ul> </div> <!-엔드 박스-> <div id = text> </div> <!-배경 음악 삽입-> <embed src = jay chou+-+고백 풍선 .mp3/> <!-소개 jQuery 클래스 라이브러리-> <스크립트 유형 = 텍스트 = 텍스트/javaScript src = js/jquery-1.11.1.min.js> </script> <!-눈 덮인 애니메이션 배경 js-> <script type = text/javaScript src = js/trans.js> </script> <cript> // 모든 li $ (. pic ul li) .Each (function (i) {// 각 그림의 회전 각도는 다릅니다. var deg = 360/$ (. pic ul li) .size (); Snowy Animation $ .fn. , 당신의 마음 속에서 당신에게 흘러 들어가서 하늘의 다리를 벗고 사랑의 심장 다리로 바꾸십시오. 당신의 삶에 대한 사랑을 줘. '& amp; spd = 5 & amp; LementById (텍스트); == str.length) {cleartimeout (id);}} </script> </body> </html> 요약위는 Qixi 로맨스 기능 코드를 실현하기 위해 Xiaobian이 소개 한 HTML5+CSS3+JS입니다. VEVB WULIN 웹 사이트를 지원해 주셔서 대단히 감사합니다!