html代碼
1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"/> 5 <link rel="stylesheet" href="./css/style.css"/> 6 <script src="./js/jq.js" type="text/javascript"></script> 7 <script src="./js/js.js" type="text/javascript"></script> 8 </head> 9 <body>10 <!--所有包-->11 <p >12 <!--頭部-->13 <header>14 <h1>my Blog</h1>15 <h2>everyting is value!</h2>16 </header>17 <!--內容塊-->18 <p >19 20 <p >21 22 </p>23 <p >24 25 </p>26 <p >27 28 </p>29 <p >30 31 </p>32 <p >33 34 </p>35 36 </p>37 38 <!--底部-->39 <footer>40 41 </footer>42 </p>43 44 </body>45 </html>css代碼
1 *{ 2 padding: 0; 3 margin:0; 4 font-family: Arial; 5 } 6 body{ 7 padding: 30px; 8 background: rgb(192,192,192)} 9 #wrap{10 padding: 50px;11 width: 900px;12 height: auto;13 margin:0px auto;14 background:rgb(255,255,255);15 }16 header{17 position: relative;18 height: auto;19 padding-bottom: 10px;20 border-bottom: 3px solid rgb(28,137,123)21 }22 header h1{23 text-align: center;24 height: 45px;25 font-size: 36px;26 line-height: 45px;27 font-weight: 400;28 font-family: Garamond;29 color: rgb(187,10,10);30 }31 header h2{32 text-align: right;33 font-size: 12px;34 font-style: italic;35 font-weight: 600;36 }37 #content{38 position: relative;39 height: 500px;40 width: 100%;41 42 }43 #content #good1{44 position: absolute;45 top: 0px;46 left: 0px;47 width: 180px;48 height: 180px;49 background: rgba(234,175,174,0.54);50 border-radius: 90px;51 }52 #content #good2{53 position: absolute;54 top: 20px;55 left: 120px;56 width: 180px;57 height: 180px;58 background: rgba(234,175,174,0.54);59 border-radius: 90px;60 }61 #content #good3{62 position: absolute;63 top: 0px;64 left: 180px;65 width: 180px;66 height: 180px;67 background: rgba(234,175,174,0.54);68 border-radius: 90px;69 }70 #content #good4{71 position: absolute;72 top: 40px;73 left: 350px;74 width: 180px;75 height: 180px;76 background: rgba(234,175,174,0.54);77 border-radius: 90px;78 }79 #content #good5{80 position: absolute;81 top: 60px;82 left: 650px;83 width: 180px;84 height: 180px;85 background: rgba(234,175,174,0.54);86 border-radius: 90px;87 }js代碼
1 $(document).ready(function(){ 2 var content=$('#content'); 3 4 var one=$('#good1'); 5 var x=0; 6 var y=0; 7 var xs=10; 8 var ys=10; 9 var contentW=$('#content').width();10 var contentH=$('#content').height();11 function scroll(){12 x+=xs;13 y+=ys;14 one.css({"left":x+"px","top":y+"px"});15 if(x>=contentW-one.width() ||x<=0)16 {17 xs=-1*xs;18 }19 if(y>=contentH-one.height() ||y<=0)20 {21 ys=-1*ys;22 }23 24 }25 26 st=setInterval(scroll,50);27 one.mouseover(function(){28 clearInterval(st);29 });30 one.mouseout(function(){31 st=setInterval(scroll,50);32 });33 34 35 36 });155630.html
本文由 貴州做網站公司 整理發布，部分圖文來源于互聯網，如有侵權，請聯系我們刪除，謝謝！
網絡推廣與網站優化公司（網絡優化與推廣專家）作為數字營銷領域的核心服務提供方，其價值在于通過技術手段與策略規劃幫助企業提升線上曝光度、用戶轉化率及品牌影響力。這...
在當今數字化時代，公司網站已成為企業展示形象、傳遞信息和開展業務的重要平臺。然而，對于許多公司來說，網站建設的價格是一個關鍵考量因素。本文將圍繞“公司網站建設價...
在當今的數字化時代，企業網站已成為企業展示形象、吸引客戶和開展業務的重要平臺。然而，對于許多中小企業來說，高昂的網站建設費用可能會成為其發展的瓶頸。幸運的是，隨...
北京國家會議中心在什么地方？公交路線：地鐵4號線大興線地鐵2號線地鐵8號線，全程約23.4公里。1.從公益西橋乘坐地鐵4號線大興線，經過6站到達宣武門站。2.乘坐地鐵2號線，經過7站，到達鼓樓街站。3.乘坐地鐵8號線，經過4站，到達奧林匹克公園站(E出口)。4.步行約440米至國家會議中心。北京國家會議中心在什么地方？我想參加CP05伴侶節…但是不知道國家會議中心在哪里？地鐵可以直達嗎？我住的地方...
成都到巴中在什么汽車站坐？五桂橋、成都汽車總站和北門汽車站。也可以選擇坐火車，從成都東站乘坐復興號動車組到巴中，安全舒適。成都到巴中在什么汽車站坐？從成都到巴中，在成都汽車東站和北門站坐車，從成都汽車東站出發。票價150元左右，從北門站出發，票價118元左右。c782次列車途經站點？C782次動車組城際列車是成都東站到巴中站。C782次列車早上6: 30成都東始發，當天上午10: 56到達巴中站。...
如何獲取域名證書？以阿里云域名為例。域名證書在域名管理平臺中。找到對應的域名，點擊右側的【管理】，如下圖所示：在左側的導航欄中下載域名證書，如下圖所示。本地下載證書。下載域名證書失敗的可能原因：2。域名信息不完整，需要轉移域名信息。域名信息應完整補充，域名持有人信息在轉讓過程中可以保持不變。不懂就問老魏。我寫了這個信息。我希望我能幫助你?？赐旰笪視栁沂欠衤牰?。阿里云里面怎么找到自己的域名證書？...
免責聲明：本站內容部分文字和圖片來源于網絡，版權屬于原作者所有，若有冒犯，請聯系我們進行刪除，謝謝。聯系郵箱：1051388971#qq.com （把#換成@）