国外网站搭建,wordpress视频代码html5,深圳做企业网站的,怎么建设信息网站先上效果图(本人喜欢胡巴#xff0c;背景用了胡巴)#xff0c;鼠标滑过页面#xff0c;图片变暗#xff0c;透明度为0.4#xff0c;同时弹出登录窗口。 接下来先看css代码(写的可能不是很规范#xff0c;根据调整样式顺序写的) body{background-color: black;width: 100%…先上效果图(本人喜欢胡巴背景用了胡巴)鼠标滑过页面图片变暗透明度为0.4同时弹出登录窗口。 接下来先看css代码(写的可能不是很规范根据调整样式顺序写的) body{background-color: black;width: 100%;height: auto;overflow: hidden;}img{width: 1550px;height: auto;}.logIn{width:340px;height:280px;background-color: white;border-radius: 10px;border: 1px solid grey;}.login-title{margin: 0 auto;width: 100%;height:45px;background-color: #80236b; }h3{line-height: 45px;text-align: center;}.login-content{margin:30px 0 0 0;}.login-content div{width:200px;margin:0 auto;padding-bottom:25px;}.affix{top:200px;right: 200px;}label{width: 100%;line-height: 40px;}.button{margin: -10px 0 0 80px;width:180px;}input.log{width:180px;margin: 0 auto;color: white;background-color: #80236b;border-radius: 15px;height: 40px;font: 16px microsoft yahei;}p.remember-name{font: 14px microsoft yahei;color: dimgrey;}input{border-radius: 5px;font: 14px microsoft yahei;}/*placeholder样式*/::-webkit-input-placeholder {font: 14px microsoft yahei;color:grey;padding-left: 10px;line-height: 22px;}::-moz-placeholder { font: 14px microsoft yahei;color:grey;padding-left: 10px;line-height: 22px;} /* firefox 19 */:-ms-input-placeholder {font: 14px microsoft yahei;color:grey;padding-left:10px;line-height: 22px;} /* ie */input:-moz-placeholder {font: 14px microsoft yahei;color:grey;padding-left:10px;line-height: 22px;}.glyphicon{color:#80236b; } html代码代码简单 body
img srcdist/images/link.jpg alt遮罩图片 stylez-index: -1/div classlogIn affix styledisplay: none;z-index:1000div classlogin-titleh3用户登录/h3/divdiv classlogin-contentdiv classuserlabel classuser glyphicon glyphicon-user/labelinput typetext placeholder员工账号 //divdiv classpasslable classpassword glyphicon glyphicon-lock /lableinput typepassword placeholder密码 //div/divdiv classbuttonp classremember-name input classremember-name typeradio value记住账号和密码 nameremember/记住账号和密码/pinput classlog typebutton value登录//div/div
/body jquery代码 //遮罩窗体弹出登录框$(function(){$(body).hover( function(event){$(img).fadeTo(1000,0.4);//1000为速度0.4为透明度$(.logIn).show(1000);});});本人做这个练习就是想联系一下自己写jquery代码有问题之处还请多多指正转载于:https://www.cnblogs.com/luoyishamai/p/5066215.html