html网页圣诞节网页里面有css样式+双击html文件直接运行

共21个文件

jpg：14个

png：2个

js：2个

html

41 浏览量 2024-10-31 10:30:05 上传评论 1 收藏 383KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

html网页圣诞节网页里面有css样式+双击html文件直接运行.zip （21个子文件）

html网页圣诞节网页里面有css样式+双击html文件直接运行

chahua

style.css 3KB

说明.htm 3KB

index.html 5KB

images

footer.jpg 91KB

top_banner.jpg 21KB

write.jpg 15KB

gift1.jpg 31KB

input_bg.jpg 9KB

bt_bg.jpg 2KB

logo.png 15KB

gift2.jpg 24KB

snowman.jpg 39KB

lovecss.png 991B

bg.jpg 113KB

bt_bg_a.jpg 3KB

gift5.jpg 5KB

gift3.jpg 22KB

gift4.jpg 6KB

textarea.jpg 21KB

scripts

opacity.js 4KB

browserdetect_lite.js 4KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Christmas Template-sc.chinaz.com</title> <link rel="stylesheet" type="text/css" href="style.css" media="screen" /> <script language="javascript" src="scripts/browserdetect_lite.js" type="text/javascript"></script> <script language="javascript" src="scripts/opacity.js" type="text/javascript"></script> </head> <body> <div id="main_container"> <div id="top_banner"> </div> <div id="logo" onCLick="window.location='index.html'"> <script language="javascript" type="text/javascript"> od_displayImage('myImg1', 'images/logo', 400, 100, '', 'Variable Opacity Rules'); </script> </div> <div id="center_content"> <div class="left_box"> <img src="images/snowman.jpg" width="167" height="212" alt="" title="" /> </div> <div class="right_box"> <div> <ul class="menu"> <li><a href="index.html" class="nav2">home</a></li> <li><a href="#" class="nav">about</a></li> <li><a href="#" class="nav">pictures</a></li> <li><a href="contact.html" class="nav">contact</a></li> </ul> </div> <h1>Welcome to Santa Claus website</h1> <p>"Santa Claus, also known as Saint Nicholas, Father Christmas, Kris Kringle, or simply "Santa" is a fictional folklore figure who, in Western cultures, is presented as bringing gifts on Christmas Eve or Christmas Day. or on his feast day, December 6. The legend may have its basis in hagiographical tales concerning the historical figure of Saint Nicholas."</p> <div class="float_box1"> <a href="#"><img src="images/write.jpg" width="250" height="100" border="0" alt="" title="" /></a> </div> <div class="float_box2"> <h2>Write a letter to Santa Claus</h2> "Santa Claus, also known as Saint Nicholas, Father Christmas, Kris Kringle, or simply "Santa" is a fictional folklore figure who, in Western cultures, is presented as bringing gifts on Christmas Eve or Christmas Day. or on his feast day, December 6. The legend may have its basis in hagiographical tales concerning the historical figure of Saint Nicholas." </div> <h3>Santa's Gifts</h3> <a href="#"><img src="images/gift1.jpg" width="100" height="100" alt="" title="" class="gift" /></a> <a href="#"><img src="images/gift2.jpg" width="100" height="100" alt="" title="" class="gift" /></a> <a href="#"><img src="images/gift3.jpg" width="100" height="100" alt="" title="" class="gift" /></a> <a href="#"><img src="images/gift4.jpg" width="100" height="100" alt="" title="" class="gift" /></a> <a href="#"><img src="images/gift5.jpg" width="100" height="100" alt="" title="" class="gift" /></a> <h3>Write Santa a letter</h3> <div id="form"> <label>Name:</label> <input type="text" name="user" class="input" /> <div class="clear"></div> <label>Age:</label> <input type="text" name="sdfg" class="input"/> <div class="clear"></div> <label>Email:</label> <input type="text" name="payuity" class="input"/> <div class="clear"></div> <label>Web:</label> <input type="text" name="rtyu" class="input"/> <div class="clear"></div> <label>Message:</label> <textarea name="text" cols="" rows="" class="textarea"></textarea> <div class="clear"></div> </div> </div> <div class="spacer"></div> </div> <div id="footer"> <a href="http://sc.chinaz.com" title="This site is W3C compliant" style="text-decoration:none; color:#fff;">sc.chinaz.com</a> <a href="http://jigsaw.w3.org/css-validator/validator?uri=www.csscreme.com&usermedium=all" title="This site is coded with validate CSS" style="text-decoration:none; color:#fff;">css</a> <br /> <br /> <br /> Santa Claus Website © 2011 sc.chinaz.com </div> </div> <div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div></body> </html>

评论收藏

内容反馈