700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > jquery制作居中遮罩层效果分享【jquery】

jquery制作居中遮罩层效果分享【jquery】

时间:2022-05-13 03:17:40

相关推荐

jquery制作居中遮罩层效果分享【jquery】

web前端|js教程

遮罩层

web前端-js教程

搜索引擎调用源码,ubuntu配apt源,django数据爬虫网站,php fizzbuzz,seo对标签lzw

遮罩演练

++++

$(document).ready(function(){

$(.fun).on(click,function(){

console.log(fun click);

showAddTopic(function(val){

console.log(val);

});

});

});

shadow.js

模板 php模板源码下载,ubuntu修复默认主题,蜜蜂是爬虫吗,php添加统计,seo大概内容lzw

shadow_list=[];

function showAddTopic(cb){

var input_container=$(#content-container-templet).clone();

input_container.removeAttr(id);

var shadow=$(

).addClass(shadow-wrapper).append(input_container);

shadow.appendTo(document.body);

shadow_list.push(shadow);

$(.sure,shadow).on(click,function(){

var val=$(.input-li input,shadow).val();

cb(val);

hideAddTopic();

});

$(.cancel,shadow).on(click,function(){

hideAddTopic();

});

}

function hideAddTopic(){

if(shadow_list.length>0){

var shadow=shadow_list.pop();

shadow.remove();

}

}

component2.css

cf注入cf目录源码,vscode的后缀名是啥,ubuntu高级模式,把项目添加进Tomcat,同道大叔爬虫,序列化中文php,谷歌seo优化需要什么条件lzw

html,body{

padding:0px;

margin: 0px;

width: 100%;

height: 100%;

overflow:hidden;

}

ul,li{

padding:0px;

margin: 0px;

list-style:none;

}

input,textarea{

vertical-align:middle;

border:none;

}

.layout-container{

position:absolute;

top:0px;

height:100%;

overflow:auto;

}

.left-container{

left: 0px;

width:20%;

border:solid 5px #52BE7F;

}

.right-container{

right:0px;

width:80%;

}

.shadow-wrapper{

position: absolute;

width:100%;

height: 100%;

}

.topic-title li span{

height:30px;

line-height:30px;

vertical-align:middle;

}

.topic-title .fun{

float:right;

}

.topic-input-div{

position: absolute;

left: 50%;

top:50%;

height:200px;

width: 400px;

margin-top:-120px ;

margin-left:-210px;

padding:20px 10px;

}

.topic-input-ul{

vertical-align: middle;

position:absolute;

width:380px;

height:2em;

left: 50%;

top:50%;

margin-top: -1em;

margin-left: -190px;

}

.topic-input-ul li{

line-height: 2em;

display:inline-block;

*display:inline;

}

.topic-input-ul .input-li{

width:40%;

}

.topic-input-ul .btn-li{

width: 15%;

}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。