当前位置: 首页 > 编程日记 > 正文

话说CSS滤镜

作者:http://www.swtv.com.cn/adjunct/nr/css/css.htm

Alpha 透明层次:
滤镜效果
语法:STYLE="filter:filtername(parameter1,parameter2,parameter3...)"
其中:
filtername为滤镜的名称;parameter1,parameter2等为滤镜的参数。
滤镜名称及功能说明:

设置透明层次

语法:STYLE="filter:Alpha(Opacity=opacity,FinishOpacity=finishopacity,Style=style,StarX=starX,Stary=STARy,
FinishX=finishX,FinishY=finishY)"
其中:Opacity 为起始值,取值为0-100,0为透明,100为原图;FinishOpacity 为目标值; 取值为0-3;StarX或Stary 为任意值。
例子如下:

FinishOpacity=100
参数Style=3Style=2Style=1Style=0
Opacity=100设置透明层次设置透明层次设置透明层次设置透明层次
Opacity=50设置透明层次设置透明层次设置透明层次设置透明层次
Opacity=20设置透明层次设置透明层次设置透明层次设置透明层次
Opacity=0设置透明层次设置透明层次设置透明层次设置透明层次
FinishOpacity=50
参数Style=3Style=2Style=1Style=0
Opacity=100设置透明层次设置透明层次设置透明层次设置透明层次
Opacity=50设置透明层次设置透明层次设置透明层次设置透明层次
Opacity=20设置透明层次设置透明层次设置透明层次设置透明层次
Opacity=0设置透明层次设置透明层次设置透明层次设置透明层次
FinishOpacity=20
参数Style=3Style=2Style=1Style=0
Opacity=100设置透明层次设置透明层次设置透明层次设置透明层次
Opacity=50设置透明层次设置透明层次设置透明层次设置透明层次
Opacity=20设置透明层次设置透明层次设置透明层次设置透明层次
Opacity=0设置透明层次设置透明层次设置透明层次设置透明层次
FinishOpacity=0
参数Style=3Style=2Style=1Style=0
Opacity=100设置透明层次设置透明层次设置透明层次设置透明层次
Opacity=50设置透明层次设置透明层次设置透明层次设置透明层次
Opacity=20设置透明层次设置透明层次设置透明层次设置透明层次
Opacity=0设置透明层次设置透明层次设置透明层次设置透明层次

Blur 创建高速度移动效果,既模糊效果

语法:STYLE="filter:Blur(Add=add,Direction=direction,Strength=strength)"
其中:Add 是否保留原效果,取值为0 or 1;Direction 为移动角度值,取值为0-315度,步长45度;Strength效果长度值,一般取5即可。
举例如下:

Direction= 0Strength=0Strength=5Strength=10Strength=20Strength=50Strength=100
Add=0移动效果移动效果移动效果移动效果移动效果移动效果
Add=1移动效果移动效果移动效果移动效果移动效果移动效果
Direction=90Strength=0Strength=5Strength=10Strength=20Strength=50Strength=100
Add=0移动效果移动效果移动效果移动效果移动效果移动效果
Add=1移动效果移动效果移动效果移动效果移动效果移动效果

使用Blur.css的方法

1、首先在文本编辑器中输入以下内容:
内容注释(不必输入)
Blur { font-family : "Comic Sans MS";
color : #ffff00;定义字体颜色。字体为黄色。
line-height :19pt;定义行高
filter : Blur(Add=1,Direction=45,Strength=5)滤镜内容仅此一行。这里定义高速度移动效果
font-size : large;定义字体大小。这里为大字体。
font-weight : bold;定义字体重量。这里为粗体。
width : auto;
height : auto;
position : relative;
padding : 3pt;
}

2、存盘:
Blur.css存盘。

3、修改需要引用该文件的html文件:
在主页的<HEAD></HEAD>中加上:
<LINK REL="stylesheet" Type="text/css" HREF="Blur.css">
在主页的
<Body></Body>中加上:
<Table><tr>
<td class="Blur">
高速度移动效果</td></tr>
</Table>

或者
<span class="Blur">高速度移动效果</span>
结果为:
高速度移动效果


Chroma 使某种颜色透明:

Chroma 制作专用颜色透明
Chroma 制作专用颜色透明

语法:STYLE="filter:Chroma(Color=color)"
其中:Color=#rrggbb,任意。
例子:STYLE="filter:Chroma(Color=#FFFF00)" 让黄色透明。

DropShadow 创建对象的固定影子

语法:STYLE="filter:DropShadow(Color=color,OffX=offX,OffY=offY,Positive=positive)"
其中:Color=#rrggbb,任意;OffX或OffY 分别为X或Y轴的偏离值;Positive 取值为0 or 1。
举例如下:

Positive=0OffY=-10OffY=-5OffY=0OffY=5OffY=10OffY=15
OffX=-10固定影子固定影子固定影子固定影子固定影子固定影子
OffX=-5固定影子固定影子固定影子固定影子固定影子固定影子
OffX=0固定影子固定影子固定影子固定影子固定影子固定影子
OffX=5固定影子固定影子固定影子固定影子固定影子固定影子
OffX=10固定影子固定影子固定影子固定影子固定影子固定影子
OffX=15固定影子固定影子固定影子固定影子固定影子固定影子
Positive=1OffY=-10OffY=-5OffY=0OffY=5OffY=10OffY=15
OffX=-10固定影子固定影子固定影子固定影子固定影子固定影子
OffX=-5固定影子固定影子固定影子固定影子固定影子固定影子
OffX=0固定影子固定影子固定影子固定影子固定影子固定影子
OffX=5固定影子固定影子固定影子固定影子固定影子固定影子
OffX=10固定影子固定影子固定影子固定影子固定影子固定影子
OffX=15固定影子固定影子固定影子固定影子固定影子固定影子

使用DropShadow.css的方法

1、首先在文本编辑器中输入以下内容:
内容注释(不必输入)
DropShadow { font-family : "Comic Sans MS";
color : #ffff00;定义字体颜色。字体为黄色。
line-height :19pt;定义行高
filter : DropShadow(Color=#6699cc,OffX=5,OffY=5,Positive=1)滤镜内容仅此一行。这里定义固定影子。
font-size : large;定义字体大小。这里为大字体。
font-weight : bold;定义字体重量。这里为粗体。
width : auto;
height : auto;
position : relative;
padding : 3pt;
}

2、存盘:
DropShadow.css存盘。

3、修改需要引用该文件的html文件:
在主页的<HEAD></HEAD>中加上:
<LINK REL="stylesheet" Type="text/css" HREF="DropShadow.css">
在主页的
<Body></Body>中加上:
<Table><tr>
<td class="DropShadow">
固定影子</td></tr>
</Table>

或者
<span class="DropShadow">固定影子</span>
结果为:
固定影子

FlipH 创建水平镜像图片
FlipH 创建水平镜像图片

语法:STYLE="filter:FlipH"
例子:STYLE="filter:FlipH"

原图处理后的图



FlipV 创建垂直镜像图片
FlipV 创建垂直镜像图片

语法:STYLE="filter:FlipV"
例子:STYLE="filter:FlipV"

原图处理后的图


Glow 在对象的外边缘加光辉

语法:STYLE="filter:Glow(Color=color,Strength=strength)"
其中:Color=#rrggbb,发光颜色,任意;Strength 为发光强度,取值为0-100。
举例如下:

Strength=0Strength=5Strength=10Strength=20Strength=50Strength=100
光辉光辉光辉光辉光辉光辉

使用Glow.css的方法

1、首先在文本编辑器中输入以下内容:
内容注释(不必输入)
Glow { font-family : "Comic Sans MS";
color : #ffff00;定义字体颜色。字体为黄色。
line-height :19pt;定义行高
filter : Glow(Color=#FF0000,strength=4)滤镜内容仅此一行。这里定义光辉颜色为红色,发光强度为4。
font-size : large;定义字体大小。这里为大字体。
font-weight : bold;定义字体重量。这里为粗体。
width : auto;
height : auto;
position : relative;
padding : 3pt;
}

2、存盘:
Glow.css存盘。

3、修改需要引用该文件的html文件:
在主页的<HEAD></HEAD>中加上:
<LINK REL="stylesheet" Type="text/css" HREF="glow.css">
在主页的
<Body></Body>中加上:
<Table><tr>
<td class="glow">
在对象的外边缘加光辉</td></tr>
</Table>

或者
<span class="glow">在对象的外边缘加光辉</span>
结果为:
在对象的外边缘加光辉


Gray 把图片/文字灰度化
Gray 把图片/文字灰度化

语法:STYLE="filter:Gray"
例子:STYLE="filter:Gray"

使用Gray.css的方法

1、首先在文本编辑器中输入以下内容:
内容注释(不必输入)
Gray { font-family : "Comic Sans MS";
color : #ffff00;定义字体颜色。字体为黄色。
line-height :19pt;定义行高
filter : Gray滤镜内容仅此一行。这里定义灰度
font-size : large;定义字体大小。这里为大字体。
font-weight : bold;定义字体重量。这里为粗体。
width : auto;
height : auto;
position : relative;
padding : 3pt;
}

2、存盘:
Gray.css存盘。

3、修改需要引用该文件的html文件:
在主页的<HEAD></HEAD>中加上:
<LINK REL="stylesheet" Type="text/css" HREF="Gray.css">
在主页的
<Body></Body>中加上:
<Table><tr>
<td ><img class="Gray" src="图片"></td></tr>
</Table>

或者
<Table><tr>
<td class="Gray">
把图片/文字灰度化</td></tr>
</Table>

或者
<img class="Gray" src="图片">
或者
<span class="Gray">把图片/文字灰度化</span>
结果为:

处理前处理后



Invert 反色
Invert 反色

语法:STYLE="filter:Invert"
例子:STYLE="filter:Invert"

使用Invert.css的方法

1、首先在文本编辑器中输入以下内容:
内容注释(不必输入)
Invert { font-family : "Comic Sans MS";
color : #ffff00;定义字体颜色。字体为黄色。
line-height :19pt;定义行高
filter : Invert滤镜内容仅此一行。这里定义反色
font-size : large;定义字体大小。这里为大字体。
font-weight : bold;定义字体重量。这里为粗体。
width : auto;
height : auto;
position : relative;
padding : 3pt;
}

2、存盘:
Invert.css存盘。

3、修改需要引用该文件的html文件:
在主页的<HEAD></HEAD>中加上:
<LINK REL="stylesheet" Type="text/css" HREF="Invert.css">
在主页的
<Body></Body>中加上:
<Table><tr>
<td ><img class="Invert" src="图片"></td></tr>
</Table>

或者
<Table><tr>
<td class="Invert">
反色</td></tr>
</Table>

或者
<img class="Invert" src="图片">
或者
<span class="Invert">反色</span>
结果为:

处理前处理后


Mask 创建透明遮掩膜在对象上
Mask 创建透明遮掩膜在对象上

语法:STYLE="filter:Mask(Color=color)"
其中:Color=#rrggbb,任意。
例子:STYLE="filter:Mask(Color=#ffffe0)"

使用Mask.css的方法

1、首先在文本编辑器中输入以下内容:
内容注释(不必输入)
Mask { font-family : "Comic Sans MS";
color : #ffff00;定义字体颜色。字体为黄色。
line-height :19pt;定义行高
filter : Mask(Color=#ffffe0)滤镜内容仅此一行。这里定义透明遮掩膜
font-size : large;定义字体大小。这里为大字体。
font-weight : bold;定义字体重量。这里为粗体。
width : auto;
height : auto;
position : relative;
padding : 3pt;
}

2、存盘:
Mask.css存盘。

3、修改需要引用该文件的html文件:
在主页的<HEAD></HEAD>中加上:
<LINK REL="stylesheet" Type="text/css" HREF="Mask.css">
在主页的
<Body></Body>中加上:
<Table><tr>
<td class="Mask">
透明遮掩膜</td></tr>
</Table>

或者
<span class="Mask">透明遮掩膜</span>
或者
<img src="图片" class="Mask">
结果为:

变化前变化后



Shadow 创建偏移固定影子

语法:STYLE="filter:Shadow(Color=color,Direction=direction)"
其中:Color=#rrggbb,任意;Direction 为角度值,取值为0-315度,步长45度。
举例如下:

Direction=45固定影子
Direction=315固定影子

使用Shadow.css的方法

1、首先在文本编辑器中输入以下内容:
内容注释(不必输入)
Shadow { font-family : "Comic Sans MS";
color : #00ff00;定义字体颜色。字体为绿色。
line-height :19pt;定义行高
filter : Shadow(Color=#6699cc,Direction=135)滤镜内容仅此一行。这里定义固定影子
font-size : large;定义字体大小。这里为大字体。
font-weight : bold;定义字体重量。这里为粗体。
width : auto;
height : auto;
position : relative;
padding : 3pt;
}

2、存盘:
Shadow.css存盘。

3、修改需要引用该文件的html文件:
在主页的<HEAD></HEAD>中加上:
<LINK REL="stylesheet" Type="text/css" HREF="Shadow.css">
在主页的
<Body></Body>中加上:
<Table><tr>
<td class="Shadow">
固定影子</td></tr>
</Table>

或者
<span class="Shadow">固定影子</span>
结果为:
固定影子


Wave 创建波纹效果

语法:STYLE="filter:Wave(Add=add,Freq=freq,LightStrength=lightstrength,Phase=phase,Strength=strength)"
其中:Add取值为0 or 1;Freq变形值;LightStrength变形百分比;Phase 角度变形百分比;Strength变形强度。
举例如下:

变形百分比对比

Strength=2
Freq=5
Phase=无
LightStrength=0LightStrength=5LightStrength=10LightStrength=20LightStrength=50LightStrength=100
Add=0波纹效果波纹效果波纹效果波纹效果波纹效果波纹效果
Add=1波纹效果波纹效果波纹效果波纹效果波纹效果波纹效果

角度变形百分比对比

Strength=2
Freq=5
LightStrength=无
Phase=0Phase=5Phase=10Phase=20Phase=50Phase=100
Add=0波纹效果波纹效果波纹效果波纹效果波纹效果波纹效果
Add=1波纹效果波纹效果波纹效果波纹效果波纹效果波纹效果

变形强度对比

Freq=5
LightStrength=5
Phase=4
Strength=0Strength=5Strength=10Strength=20Strength=50Strength=100
Add=0波纹效果波纹效果波纹效果波纹效果波纹效果波纹效果
Add=1波纹效果波纹效果波纹效果波纹效果波纹效果波纹效果

变形值对比

LightStrength=5
Phase=4
Strength=2
Freq=0Freq=5Freq=10Freq=20Freq=50Freq=100
Add=0波纹效果波纹效果波纹效果波纹效果波纹效果波纹效果
Add=1波纹效果波纹效果波纹效果波纹效果波纹效果波纹效果

使用Wave.css的方法

1、首先在文本编辑器中输入以下内容:
内容注释(不必输入)
Wave { font-family : "Comic Sans MS";
color : #ffff00;定义字体颜色。字体为黄色。
line-height :19pt;定义行高
filter : Wave(Add=0,Freq=5,LightStrength=5,Phase=4,Strength=2)滤镜内容仅此一行。
font-size : large;定义字体大小。这里为大字体。
font-weight : bold;定义字体重量。这里为粗体。
width : auto;
height : auto;
position : relative;
padding : 3pt;
}

2、存盘:
Wave.css存盘。

3、修改需要引用该文件的html文件:
在主页的<HEAD></HEAD>中加上:
<LINK REL="stylesheet" Type="text/css" HREF="Wave.css">
在主页的
<Body></Body>中加上:
<Table><tr>
<td class="Wave">
波纹效果</td></tr>
</Table>

或者
<span class="Wave">波纹效果</span>
或者
<img src="图形" class="Wave">
结果为:

变化前变化后


Xray 使对象变的像被X光照射一样
Xray 使对象变的像被X光照射一样

语法:STYLE="filter:Xray"
例子:STYLE="filter:Xray"

使用Xray.css的方法

1、首先在文本编辑器中输入以下内容:
内容注释(不必输入)
Xray { font-family : "Comic Sans MS";
color : #ffff00;定义字体颜色。字体为黄色。
line-height :19pt;定义行高
filter : Xray滤镜内容仅此一行。这里定义X光照射
font-size : large;定义字体大小。这里为大字体。
font-weight : bold;定义字体重量。这里为粗体。
width : auto;
height : auto;
position : relative;
padding : 3pt;
}

2、存盘:
Xray.css存盘。

3、修改需要引用该文件的html文件:
在主页的<HEAD></HEAD>中加上:
<LINK REL="stylesheet" Type="text/css" HREF="Xray.css">
在主页的
<Body></Body>中加上:
<Table><tr>
<td class="Xray">
X光照射</td></tr>
</Table>

或者
<span class="Xray">X光照射</span>
或者
<img src="图片" class="Xray">
结果为:

变化前变化后

相关文章:

面向隐私AI的TensorFlow深度定制化实践

作者 | Rosetta团队出品 | AI科技大本营&#xff08;ID:rgznai100&#xff09;之前我们整体上介绍了基于深度学习框架开发隐私 AI 框架中的工程挑战和可行解决方案。在这一篇文章中&#xff0c;我们进一步结合 Rosetta 介绍如何定制化改造 TensorFlow 中前后端相关组件&#xf…

”拿来搞笑“的大学生活

”拿来搞笑“这词&#xff0c;是我舍友对我说过好几遍&#xff0c;我才觉得这词用来形容我大学的生活再恰当不过了&#xff0c;感谢他送给我这个词。 下面就列一下我大学期间”拿来搞笑“的事情&#xff1a; —&#xff1a;无偿捐血400毫升。当时认为是一件微不足道的事情&…

巧用CSS的Border属性

。作者&#xff1a;冯永曜 来源&#xff1a;黄山村夫 制作过网页的人都有为画线而烦恼的经历&#xff0c;本文介绍的小技巧也许对你有所帮助。我们先来认识一下“Border”&#xff08;画边框&#xff09;&#xff0c;它是CSS的一个属性&#xff0c;用它可以给能确定范围的HTML标…

阿里资深算法专家:如何突围大厂算法面试?

2020 届秋招&#xff0c;算法岗灰飞烟灭。最聪明的应届生 / 程序员 &#xff0c;都在极度竞争中&#xff0c;面临着前所未有的激烈 PK 。学生因“内卷”而迷茫&#xff1b;初级程序员遇职业发展瓶颈而困惑...面对重重压力&#xff0c;苦不堪言。to do list 上写满计划&#xff…

乡下人最嘲笑城里人的16件事,无语了!

一、出门「taxi」&#xff0c;乘电梯上七楼的健身房&#xff0c;然后在跑步机上挥汗如雨。 二、半夜上网&#xff0c;去歌厅、舞厅&#xff0c;困了不睡觉。之后失眠&#xff0c;再吃安眠药。 三、管儿子叫「小兔崽子」&#xff0c;管宠物狗叫儿子。 四、挑最有特色的饭店吃…

2017浅谈面试(一)

2017给自己一个目标&#xff0c;制定一份计划&#xff0c;新的开始&#xff0c;跟随创业团队风险无处不在&#xff0c;不过还是要选好Boss。 2016一个煎熬&#xff0c;悲剧&#xff0c;没发工资的日子&#xff0c;一等就等了5个月&#xff0c;零散的就拿到了一个半月工资&#…

乘风破浪的PTM:两年来预训练模型的技术进展

作者 | 张俊林来源 | 深度学习前沿笔记专栏Bert模型自18年10月推出&#xff0c;到目前为止快两年了。它卜一问世即引起轰动&#xff0c;之后&#xff0c;各种改进版本的预训练模型&#xff08;Pre-Training Model, PTM&#xff09;与应用如过江之鲫&#xff0c;层出不穷。Bert及…

DW中CSS属性详解

作者&#xff1a;未知 来源&#xff1a;5D多媒体 在Dreamweaver的CSS样式里包含了W3C规范定义的所有CSS1的属性&#xff0c;Dreamweaver把这些属性分为Type&#xff08;类型&#xff09;、Background&#xff08;背景&#xff09;、Block&#xff08;块&#xff09;、Box&a…

第十周项目5:贪心的富翁

上机内容&#xff1a;用循环语句完成累加 上机目的&#xff1a;学会循环语句的使用 /* * Copyright (c) 2012, 烟台大学计算机学院 * All rights reserved. * 作 者&#xff1a;孙锐 * 完成日期&#xff1a;2012 年 10 月 31 日 * 版 本 号&…

python requests返回的json对象用json.loads()时转为字典时编码变为了unicode

2019独角兽企业重金招聘Python工程师标准>>> 1.使用simplejson&#xff0c;loads的对象为str&#xff0c;否则还是会转码unicode import simplejson url "" payload {} headers {} r requests.post(url, datapayload, headersheaders)result simplej…

关于Dreamweaver乱码问题的解决方案

原作者&#xff1a;南宫彩虹出处&#xff1a;5D多媒体出现乱码&#xff0c;大致为两种情况&#xff1a; 一是没有标明主页制作所用的文字&#xff0c;这种情况下很简单就可以解决&#xff0c;在<HEAD>区加上<META http-equivContent-Type content"text/html; cha…

百度绝对控股,小度科技独立融资,投后估值200亿元

9月30日&#xff0c;百度宣布旗下智能生活事业群组业务&#xff08;以下简称“小度科技”&#xff09;完成了独立融资协议的签署&#xff0c;本轮融资由百度资本及CPE战略领投、IDG资本跟投&#xff0c;投后估值达约200亿元。作为百度的重要战略业务板块&#xff0c;百度公司对…

Android UI开发第二十五篇——分享一篇自定义的 Action Bar

Action Bar是android3.0以后才引入的&#xff0c;主要是替代3.0以前的menu和tittle bar。在3.0之前是不能使用Action Bar功能的。这里引入了自定义的Action Bar&#xff0c;自定义Action bar也不是完全实现了 Action bar功能&#xff0c;只是在外形上相似。自定义Action bar没有…

ADF12C 在线预览PDF文件 afinlineFrame

转载于:https://blog.51cto.com/feitai/1898433

批量消除虚线框

原作者&#xff1a;星之海洋出处&#xff1a;5D多媒体 各位想必都知道&#xff0c;οnfοcus”this.blur()”这条代码能消除链接时的虚线框&#xff0c;但你有没有想过&#xff0c;如果你的网页上有几个甚至上百个链接&#xff0c;而你又想要去掉上面那些讨厌的虚线框&#xf…

Python实战 | 送亲戚,送长辈,月饼可视化大屏来帮忙!

中秋节介绍中秋节&#xff0c;又称祭月节、月光诞、月夕、秋节、仲秋节、拜月节、月娘节、月亮节、团圆节等&#xff0c;是中国民间的传统节日。中秋节自古便有祭月、赏月、吃月饼、玩花灯、赏桂花、饮桂花酒等民俗&#xff0c;流传至今&#xff0c;经久不息。每年中秋节到&…

lamp一键安装包

lamp一键安装包 http://58.83.226.93/ http://www.centos.bz/lamp/ http://www.centos.bz/ lamp一键安装包 http://58.83.226.93/ http://www.centos.bz/lamp/ http://www.centos.bz/

快节奏的多人游戏同步 - 示例代码和在线演示

这是一个实现我《快节奏的多人游戏同步》系列文章中主要概念的客户端——服务器架构演示示例&#xff08;不包括实例插值&#xff0c;那块我还没弄完&#xff09;建议在阅读完这系列文章后再看这部分。代码是纯JavaScript写的&#xff0c;一页就装下了。少于400行代码&#xff…

探索IE浏览器窗口

探索IE浏览器窗口点燃灵感   星之海洋不知大家是否见过浏览器窗口&#xff08;哎呦&#xff0c;不要打我&#xff01;&#xff09;&#xff0c;其实&#xff0c;不要小瞧了这普普通通的windows&#xff0c;除了常用的window.open()与window.resizeTo()方法来开启窗口外&…

新转机!2020年想裸辞的程序员们注意了

近期&#xff0c;脉脉发布了《2020职场人裸辞现状调研报道》&#xff0c;报道显示2020最让职场人想裸辞的三大原因为&#xff1a;不开心、工资低、没有盼头。报告数据中还显示&#xff0c;工资不满预期是最让人想要裸辞的主要原因&#xff0c;但有超过6成职场人表示&#xff0c…

《ORACLE PL/SQL编程详细》,游标 ,函数,触发器。。

http://www.cnblogs.com/huyong/archive/2012/07/30/2614563.html

【Spark Summit East 2017】Spark化数据引擎

更多精彩内容参见云栖社区大数据频道https://yq.aliyun.com/big-data&#xff1b;此外&#xff0c;通过Maxcompute及其配套产品&#xff0c;低廉的大数据分析仅需几步&#xff0c;详情访问https://www.aliyun.com/product/odps。 本讲义出自Rohan Sharma在Spark Summit East 20…

将文本随意插入网页表单的 textarea

原作者&#xff1a;我佛山人出处&#xff1a;5D多媒体在网页表单的<textarea>中&#xff0c;我们有时候需要将文本插入到光标所在的地方&#xff0c;或是替换掉选区内的文字。这时候&#xff0c;用普通的.value"text"就无能为力了。下面这段测试代码可以解决这…

sharepoint 备份还原

sharepoint 2010备份和还原 sharepoint 2010中只有两种备份和还原的方法: 第一种: 使用命令行Stsadm来进行备份与还原 一. 备份操作 1, 首先创建一个批处理文件backup.bat,内容如下. "%systemdrive%\program Files\Common Files\Microsoft Shared\web server extension…

FCOS:全卷积一阶段Anchor Free物体检测器,多种视觉任务的统一框架

作者 | ronghuaiyang来源 | AI公园导读&#xff1a;这是众多Anchor Free中比较有影响力的一篇文章&#xff0c;不光是效果好&#xff0c;而且思路清楚&#xff0c;简单&#xff0c;不需要任何trick&#xff0c;并将众多的视觉任务统一到了一个框架中&#xff0c;值得一看。介绍…

Learn Jenkins the hard way (0) - Jenkins的罪与罚

写在开头 Jenkins是非常流行的开源的持续交付平台&#xff0c;拥有丰富的插件、文档与良好的社区。是国内大多数公司私有持续集成方案CI/CD服务器的选型。开发者可以快速的通过Jenkins搭架符合自己业务场景的pipeline&#xff0c;结合大量的开源插件&#xff0c;可以轻松的满足…

python中的文档字符串(docString)

python中的文档字符串(docString) - 泥土 - 博客园python中的文档字符串(docString)Posted on 2009-02-19 15:27 泥土 阅读(2122) 评论(0) 编辑 收藏 Python有一个很奇妙的特性&#xff0c;称为 文档字符串 &#xff0c;它通常被简称为 docstrings 。DocStrings是一个重要的工…

关于层的挡隔问题的探讨

原作者&#xff1a;我佛山人出处&#xff1a;5D多媒体1.被Flash挡住 设置Flash的参数&#xff1a;<param name"wmode" value"opaque"><object classid"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase"http://download.mac…

不是我放弃AI,是AI放弃了我!!

为什么程序员都觉得AI很难&#xff1f;Google 人工智能开发者专家彭靖田老师说——超90%的程序员在初学AI时&#xff0c;都会遇到下面3个问题&#xff1a;“应用方向太多了&#xff01;不知从何学起&#xff0c;也不知道学完做什么”“Python语法、机器学习/深度学习基础都能看…

Qt中两种定时器用法

在Qt中使用定时器有两种方法&#xff0c;一种是使用QObiect类的定时器&#xff1b;一种是使用QTimer类。定时器的精确性依赖于操作系统和硬件&#xff0c;大多数平台支持20ms的精确度。 1.QObject类的定时器 QObject是所有Qt对象的基类&#xff0c;它提供了一个基本的定时器。通…