`
accpxudajian
  • 浏览: 458760 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js杂记

 
阅读更多

滤镜说明:
  Alpha:设置透明层次
  blur:创建高速度移动效果,即模糊效果
  Chroma:制作专用颜色透明
  DropShadow:创建对象的固定影子
  FlipH:创建水平镜像图片
  FlipV:创建垂直镜像图片
  glow:加光辉在附近对象的边外
  gray:把图片灰度化
  invert:反色
  light:创建光源在对象上
  mask:创建透明掩膜在对象上
  shadow:创建偏移固定影子
  wave:波纹效果
  Xray:使对象变得像被x光照射一样
  1、滤镜:Alpha
  语法:STYLE="filter:Alpha(Opacity=opacity, FinishOpacity=finishopacity,Style=style, StartX=startX,StartY=startY,FinishX=finishX,FinishY=finishY)" 
  说明:
  Opacity:起始值,取值为0~100, 0为透明,100为原图。
  FinishOpacity:目标值。
  Style:1或2或3
  StartX:任意值
  StartY:任意值
  例子:filter:Alpha(Opacity="0",FinishOpacity="75",Style="2") 
  2、滤镜:blur
  语法:STYLE="filter:Blur(Add = add, Direction = direction, Strength = strength)"
  说明:
  Add:一般为1,或0。
  Direction:角度,0~315度,步长为45度。
  Strength:效果增长的数值,一般5即可。
  例子:filter:Blur(Add="1",Direction="45",Strength="5")
  3、滤镜:Chroma
  语法:STYLE="filter:Chroma(Color = color)"
  说明:color:#rrggbb格式,任意。
  例子:filter:Chroma(Color="#FFFFFF")
  4、滤镜:DropShadow
  语法:STYLE="filter:DropShadow(Color=color, OffX=offX, OffY=offY, Positive=positive)"
  说明:Color:#rrggbb格式,任意。
  Offx:X轴偏离值。
  Offy:Y轴偏离值。
  Positive:1或0。
  例子:filter:DropShadow(Color="#6699CC",OffX="5",OffY="5",Positive="1")
  5、滤镜:FlipH
  语法:STYLE="filter:FlipH" 
  例子:filter:FlipH 
  6、滤镜:FlipV
  语法:STYLE="filter:FlipV"
  例子:filter:FlipV 
  7、滤镜:glow
  语法:STYLE="filter:Glow(Color=color, Strength=strength)"
  说明:
  Color:发光颜色。
  Strength:强度(0-100)
  例子:filter:Glow(Color="#6699CC",Strength="5")
  8、滤镜:gray
  语法:STYLE="filter:Gray"
  例子:filter:Gray
  9、滤镜:invert
  语法:STYLE="filter:Invert"
  例子:filter:Invert
  10、滤镜:mask
  语法:STYLE="filter:Mask(Color=color)"
  例子:filter:Mask (Color="#FFFFE0")
  11、滤镜:shadow
  语法:filter:Shadow(Color=color, Direction=direction)
  说明:
  Color:#rrggbb格式。
  Direction:角度,0-315度,步长为45度。
  例子:filter:Shadow (Color="#6699CC", Direction="135")
  12、滤镜:wave
  语法:filter: Wave(Add=add,Freq=freq,LightStrength=strength,Phase=phase,Strength=strength)
  说明:
  Add:一般为1,或0。
  Freq:变形值。
  LightStrength:变形百分比。
  Phase:角度变形百分比。
  Strength:变形强度。
  例子:filter: wave(Add="0", Phase="4", Freq="5", LightStrength="5", Strength="2")
  13、滤镜:Xray
  语法:STYLE="filter:Xray" 
  例子:filter:Xray
 
//IE模式化窗口
var   dlgStyle   =   'dialogHeight:550px;dialogWidth:500px;dialogTop:210px;dialogLeft:300px;status:no;scroll:no;help:no; ' 

showModalDialog( 'test.jsp ',null,dlgStyle); //showModelessDialog
分享到:
评论

相关推荐

    基于Html语言的Linux知识杂记文档设计源码

    该项目是一个基于HTML语言的Linux知识杂记文档设计源码,共包含39个文件,涵盖33个reStructuredText和Markdown文档、1个许可协议、1个HTML页面、1个JavaScript脚本、1个Python脚本以及2个Markdown文件。内容主要包括...

    Vue开发资源:vue相关的开发杂记-前端开发

    Vue.js 是一款轻量级的前端JavaScript框架,由尤雨溪开发并维护,因其易学易用、组件化开发和高性能的特点,在Web开发领域中广受欢迎。本资源包中的"Vue-dev-note-master1"可能包含了关于Vue开发的笔记、教程、示例...

    oracle 9i杂记

    本文将深入探讨Oracle 9i的一些关键知识点,同时结合JavaScript和SQL这两个标签,讨论它们在数据库应用中的角色。 一、Oracle 9i的新特性 1. **Real Application Clusters (RAC)**: Oracle 9i首次引入了RAC技术,...

    TrackLastFMForMe:跟踪 LastFM 杂记到 TrackThisForMe

    跟踪 LastFM 杂记到 TrackThisForMe 根本无法正常使用。 需要(目前)相当多的配置来设置。 如何使用 在 main.js 中填写选项 var options { trackthisforme: { access_token: '', category_id: 0 }, ...

    杂记

    【标题】:“杂记”涉及了多个IT领域的知识点,包括数据库、Unix服务、Unix工具、Linux系统管理和配置、密码学以及开发运维。 【数据库】:PostgreSQL和MySQL是两种广泛使用的开源关系型数据库管理系统(RDBMS)。...

    JS笔记-By Ly.md

    JS语法结构杂记 JavaScript的语法允许一定程度的灵活性,例如分号的使用并非强制要求。 - **分号的可选性** - 在JavaScript中,当语句写在新的一行时,分号通常是可选的。这是因为解析器会自动插入分号(ASI, ...

    es6 杂记 (解构)

    ES6,全称ECMAScript 6,是JavaScript语言的一个重要版本更新,引入了许多新的语法特性和功能。本文主要探讨的是ES6中的解构、块级作用域、变量提升、函数声明及其相关特性。 首先,解构是ES6提供的一种方便的数据...

    网络问题:收集平时遇到的问题

    作者:hazer,时间:2019-6-28杂记-47-杂记-46-杂记-45-杂记-44-杂记-35- 内置简介:github readme自动生成工具作者:hazer,时间:2019-6-27杂记-33-杂记-32-杂记-31-杂记-30-杂记-29- 杂记-28- 杂记-27-杂记-26-...

    Docs:关于所有事物的杂记

    在“Docs:关于所有事物的杂记”这个压缩包中,我们可以期待找到一系列与软件开发、IT基础架构和数据科学相关的个人笔记。这些笔记可能是作者在长期的学习和实践中积累的知识结晶,涵盖了广泛的IT主题,旨在帮助读者...

    详解element-ui中form验证杂记

    移除HTML中的`required`属性,并将验证规则移到JavaScript部分,可以避免默认错误提示的出现。 其次,处理级联提交表单验证的情况。在某些场景下,我们需要在提交表单前验证多个独立的子表单。Element-UI的`...

    baqianxin.github.io:见闻杂记

    用户可以在GitHub仓库中创建一个名为用户名.github.io的仓库,然后将HTML、CSS和JavaScript等文件上传,GitHub会自动将这个仓库的内容发布为一个网站。 【GitHub仓库】 "baqianxin.github.io-master" 这个文件名...

    demoTest.zip

    这通常需要借助于JavaScript库three.js来实现,因为three.js是WebGL的一个强大框架,特别适合处理3D图形渲染。 首先,让我们深入了解uni-app。uni-app由ECharts团队开发,基于Vue.js,提供了一套统一的API,用于...

    kaki-note-02:七瀑布八醒杂记博客

    Netlify开发设定Base directory: Not setBuild command: yarn buildPublish directory: public/Builds: Active本地开发人员yarn installyarn dev执照该项目是根据条款获得。

    Miscellanea:不同的东西

    特别是,“多维数据集需要three.js”这一句话揭示了一个具体的应用场景,即使用JavaScript库three.js来处理和展示多维数据。 three.js是WebGL的一个强大库,用于在浏览器中创建3D图形。它使得开发者能够在网页上...

    miniprogramThreeDynamic.zip

    在微信小程序中实现3D模型的加载和交互功能,开发者通常会借助JavaScript库three.js,这是一个广泛用于WebGL渲染的库。本项目"miniprogramThreeDynamic.zip"显然是一个使用three.js来展示3D模型动态操作的实例。下面...

    miniprogramThree.zip

    【描述】"Three.js 加载3d模型(修改版)修改真机背景可透明" 暗示了这个项目是基于Three.js库的,Three.js是一个广泛使用的JavaScript库,专门用于在Web浏览器中创建和展示三维图形。在这个项目中,开发人员已经对...

    chrome插件开发法

    6. **popup.html/popup.js**:弹出框的HTML和JavaScript代码,用户可以通过点击插件图标触发。 7. **其他资源**:可能包括图像、CSS样式表、本地存储等。 开发Chrome插件时,遵循以下步骤: 1. **创建manifest....

    信息技术挑战:信息技术的挑战问题

    杂记 这花了多长时间? 是的,我花的时间超过了估计的时间。 部分原因是我将其视为尝试使用grid的机会,而我从来没有机会在此级别上使用过。 而且,我通常没有时间去真正地探讨有关语义选择的琐事。 另一部分是我...

    PersonalBlog:Nealyang个人博客

    随笔、总结、个人、学习、杂记 任何问题交流,提issue 搞搞js Typescript Typescript+Decorator:装饰你的代码 【THE LAST TIME】Typescript 进阶之重难点梳理 一张页面引起的前端架构思考 拍卖源码架构在拍品详情页...

Global site tag (gtag.js) - Google Analytics