เพราะวันนี้วันที่ 28 สิงหาคมเป็นวันวาเลนไทน์ของจีน -Tanabata ซึ่งเป็นโปรแกรม APE ฉันก็เคาะรหัสที่บ้านเท่านั้น! แต่ฉันยังมีหัวใจที่จะถอดออก
ฟังก์ชั่นเฉพาะคือ:
1. อนิเมชั่นพื้นหลังหิมะ
2. ข้อความต่อไปนี้คือ Victy พร้อมด้วยเสียง
3. ภาพกลางการหมุน 3D
แนบซอร์สโค้ด:
<! CSS สไตล์เลเยอร์เลเยอร์สไตล์ Table-> <style type = text/css> *{margin: 0; 3.JPG); สี: #FFF;}/*พื้นหลัง: -WebKit-Linear-Gradient (45DEG,#FF0000,#FF0099,#33FF00,#3300CC,#000000);*/*e nd top*//*กล่องเริ่ม*/ กล่อง {ความกว้าง: 310px; การไหลเวียนของความเร็ว; : #6fade1; ถึง {transform: rotatey (360deg);} </style> </head> <! </marquee> </div> <!-สิ้นสุด top-> <!-box start-> <div class = box> <div class = pic> <ul> <!-รูปภาพสี่ปัจจัย src ความกว้างเส้นทางความสูง alt คำอธิบายการเพิ่มประสิทธิภาพ -> <li> <img src = images/1.png width = <li> <img src = images/2.png width = ความสูง = <li> <img src = images/3.png width = ความสูง = <li > <img src = images/4.png width = ความสูง = <li> <li> <img src = images/5.png width = ความสูง = <li> <img src = images/6.png width = ความสูง = < /ul> </div> <!-end box-> <div id = text> </div> <!-การแทรกเพลงพื้นหลัง-> <ฝัง src = jay chou+-+บอลลูนสารภาพ. mp3/> <!-แนะนำ ไลบรารีคลาส jQuery-> <script type = text = text/javascript src = js/jQuery-1.11.1.min.js> </script> <! = js/trans.js> </script> <script> // รับทุก li $ (. pic ul li) .each (ฟังก์ชั่น (i) {// มุมการหมุนของแต่ละภาพนั้นแตกต่างกัน var deg = 360/$ (. pic ul li) .size (); Snowy Animation $ .fn ไหลเข้ามาในใจคุณในใจ ให้ความรักในชีวิตของคุณ '& amp; LementbyId (ข้อความ); == str.lengthth) {cleartimeout (id);}} </script> </body> </html> สรุปข้างต้นคือ HTML5+CSS3+JS ที่ได้รับการแนะนำโดย Xiaobian เพื่อรับรู้รหัสฟังก์ชั่นโรแมนติก Qixi ฉันหวังว่ามันจะเป็นประโยชน์กับทุกคน ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Vevb Wulin!