本文目录一览:
- 1、shadowlink如何设置
- 2、jquery制作居中遮罩层效果分享
- 3、shadowlink是真的吗
- 4、shadowlink未找到资源
shadowlink如何设置
shadow-link 插件安装教程/方法:(1)将扩展迷上下载的安装包文件(.zip)解压为文件夹,其中类型为“crx”的文件就是接下来需要用到的安装文件。(2) 从设置-更多工具-扩展程序 打开扩展程序页面,或者地址栏输入 Chrome://extensions/ 按下回车打开扩展程序页面。(3) 打开扩展程序页面的“开发者模式”。(4) 将crx文件拖拽到扩展程序页面,完成安装。
jquery制作居中遮罩层效果分享
这篇文章主要介绍了jquery制作居中遮罩层效果示例,需要的朋友可以参考下
代码如下:
!DOCTYPE
HTML
html
lang=zh-cn
head
meta
charset=utf-8
title遮罩演练/title
link
href=\”../css/component2.css\”
rel=\”Stylesheet\”/
script
src=\”../js/jquery-1.11.0.min.js\”/script
script
src=\”../js/shadow.js\”/script
/head
body
div
class=\”left-container
layout-container\”
ul
class=\”topic-title\”
li
span
class=\”fun\”++++/span
/li
/ul
/div
div
class=\”right-container
layout-container\”
/div
div
style=\”display:none\”
div
class=\”topic-input-div\”
id=\”content-container-templet\”
ul
class=\”topic-input-ul\”
li
class=\”input-li\”input
type=\”text\”
style=\”width:
100%;line-height:
2em\”
placeholder=\”请输入标题\”//li
li
class=\”btn-li\”button
class=\”sure\”确定/button/li
li
class=\”btn-li\”button
class=\”cancel\”取消/button/li
/ul
/div
/div
/body
script
type=\”text/javascript\”
$(document).ready(function(){
$(\’.fun\’).on(\’click\’,function(){
console.log(\’fun
click\’);
showAddTopic(function(val){
console.log(val);
});
});
});
/script
/html
shadow.js
代码如下:
shadow_list=[];
function
showAddTopic(cb){
var
input_container=$(\’#content-container-templet\’).clone();
input_container.removeAttr(\’id\’);
var
shadow=$(\’div
/\’).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.length0){
var
shadow=shadow_list.pop();
shadow.remove();
}
}
component2.css
代码如下:
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%;
}
shadowlink是真的吗
是。ShadowLink是一款实用免费网络工具,能够自主控制流量。shadowlink是真的,能够随意控制TCP或IP的链接。
shadowlink未找到资源
可以在网页上进行搜索。
大多数这类软件都是可以在官网上进行搜索下载shadowlink香港id的shadowlink香港id,如果没有shadowlink香港id的话shadowlink香港id,可以去网页上进行搜索。
shadowlink香港id的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于shadowlink apk、shadowlink香港id的信息别忘了在本站进行查找喔。
评论(0)