你是否厭倦了那些無聊的桌面壁紙?HTML可以幫助你設置動態壁紙,讓你的桌面更加炫酷!
<!DOCTYPE html> <html> <head> <title>動態壁紙</title> <style> body { background-image: url("bg.gif"); /* 設置背景圖片 */ animation: change-bg 10s infinite; /* 設置動畫 */ } @keyframes change-bg { 0% {background-image:url("bg1.gif");} /* 第一張背景 */ 25% {background-image:url("bg2.gif");} /* 第二張背景 */ 50% {background-image:url("bg3.gif");} /* 第三張背景 */ 75% {background-image:url("bg4.gif");} /* 第四張背景 */ 100% {background-image:url("bg5.gif");} /* 第五張背景 */ } </style> </head> <body> </body> </html>
上面的代碼使用了CSS3的動畫特效和背景圖片屬性,能夠在10秒內無限循環地切換背景圖片。你只需要將代碼中的圖片鏈接換成自己想要的圖片,就可以享受動態壁紙帶來的樂趣了。趕快試試吧!