MyHtml.html *{margin:0px;padding:0px;} a{width:64px;height:64px;background:url("images/1.png"); display:block;margin:120px auto;} a:hover{background:url("images/2.png");} a:active{background:url("images/3.png");position:relative;top:6px;} var winWidth=window.innerWidth;//获取宽度 var winHeight=window.innerHeight;//获取高度 $(".A").click(function (){ window.open("MyHtml2.html","newwindow", "width-winWidth" , "height-winHeight") });
MyHtml2.html *{margin:0px ; padding:0px;} body{background:url("images/10o.jpg")no-repeat; background-size:100% 100%;height:770px;}/*建立背景*/ #begin{height:50px;width:100%;background:rgba(183,186,251,0.5 ); position:fixed;bottom:0px;left:0px;box-shadow:3px 2px 15px #000000; border-radius:10px;}/*小羽片*/ #meta{position:absolute;bottom:75px;left:0px;width:400px; height:400px;display:none;} #stattmenu{border:1px solid #102a3e;height:400px;background:#619bb9; /*!--渐变--*/background:-moz-linear-gradient(top,rgba(130,148,247,0.6), rgba(218,223,252,0.4)50%,rgba(206,27,216,0.5));padding:10px; box-shadow:2px 2px 15px #000000;border-radius:7px;} #programs{background:#FFFFFF;border:1px solid #9900ff; width:235px;height:376px;overflow:auto;border-radius:10px; box-shadow:3px 2px 15px #000000;float:left;} #programs li{list-style:none} #programs a{display:block;border:1px solid #ffff; color:#4b4b4b;text-decoration:none;width:230px;margin:3px; padding:4px;} #programs a img{border:0px;vertical-align:middle; margin-right:5px;} #programs a:hover{border:1px solid #9933ff;box-shadow:1px 1px 10px #cc00cc; background:-moz-linear-gradient(top,#EECC44,#FBF2A8);} #links{float:left;margin-left:30px;position:relative;padding-top:30px} #links li{list-style:none;} #links li a{text-decoration:none;/*取出下划线*/color:#FFFFFF;font-size:14px; line-height:30px;} #links .icon{position:absolute;right:10px ;top:-30px;}
查看更多关于html+css实现windows桌面_html/css_WEB-ITnose的详细内容...
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://www.haodehen.cn/did107207