网页特性大公开

网页

现在非常多的朋友搞个人网页,而且做的五彩缤纷,各有特色,但是比较多的朋友把大大的一幅图象放在页面上,致使页面下载很慢,加上用GIF格式做动画,尽管用GIF格式搞的动画比较苗条,但是也不大合算。能否不用特别做的图象,不用GIF格式做动画,可以把页面搞的生气活现呢?可以,但javascript比较对一般初学者来说是比较难的,笔者今天要用IE本身内含的STYLE这个重量级的命令属性中的RevealTrans和滤镜来搞搞新意思!希望网友们能灵活运用这些滤镜和页面切换效果,把自己的主页搞的有声有色!不断进步!  

页面切换效果:

在页面前部与之间加入""
说明:duration为页面切换的时间长度,3.000表示3秒钟,一般可以直接输入3便可;transition为切换效果,从1-23共22种不同的切换效果,其中23为随机效果。

滤镜效果:

Photoshop的滤镜用的多了吧,在页面中也用滤镜搞搞新意思吧!

语法:STYLE="filter:filtername(fparameter1,fparameter2...)}(Filtername为滤镜的名称,fparameter1、fparameter2等是滤镜的参数)

滤镜说明:
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="40",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

时间: 2024-11-02 09:42:40

网页特性大公开的相关文章

网站配色奥秘大公开

配色 网站配色奥秘大公开曾经费尽心思想替网站设计一套令人眼睛为之一亮的色彩组合吗?或者你一直不解为何银行.公司行号或金融机构的网站总是使用蓝色系?那么你来对地方了.虽然大部分的网站开发人员都很清楚网络所使用的色盘和计算色彩的 16 进位系统,但对色彩学和有效色彩组合背后所隐含的原理依然懵懵懂懂. 几世纪以来,颜色本身就是一个难解的谜题.举例子来说,苏格拉底就曾经假设说「火」之源起,乃是因眼睛结合了对象本身的「白」(whiteness)所产生的颜色.之后,牛顿更探索光与色彩之间的关系:其后历经许多

张杰旷野沙漠惊鸿一跃MV幕后机密大公开(图)

新浪娱乐讯 天娱传媒旗下艺人张杰<这,就是爱>MV精心上演一段浪漫凄美的爱情.张杰不惧危险,在沙漠发足狂奔.最精彩的是张杰在沙漠中纵身一跃,画面感十足,充分展现男人的爆发冲力.为了让大家了解到更真实的张杰,特将MV拍摄幕后花絮大公开,探秘精彩画面背后的故事. 令人期待的是,张杰2010"这,就是爱"北京演唱会即将于11月13日在工人体育馆璀璨上演,喜欢张杰的朋友即刻起拨打400-610-3721或010-64170058,64170068,或登录中国票务在线和大麦网抢定演唱

俄罗斯方块人工智能版+源码大公开

问题描述 俄罗斯方块人工智能版+源码大公开http://103168834.qzone.qq.com/blog/1196428802 解决方案 解决方案二:顶解决方案三:看看去....解决方案四:做个记号先,看看去.解决方案五:页面打不开解决方案六:寒一个...居然有人用Qzone发布程序....解决方案七:顶解决方案八:up解决方案九:Qzone是码玩意儿解决方案十:写一个和你那个对赛一下^-^

明星佳节抢钱榜明星佳节捞金秘籍大公开(图)

Angelababy 约13万(人民币) 黄立行约40万(人民币) 刘嘉玲 约50万(人民币) 张雨绮约20万(人民币) 明星佳节抢钱榜 大肚李嘉欣身价称王 佳节潮.跨年晚会.年度颁奖典礼,到了这个时节,经纪人就巴不得艺人能分身,一天能跑数个场,除开人情债.面子工程必不可少外,真金白银的好工作也是纷至沓来.在这样歌舞升平的时刻,艺人行情自然渐涨,有圈内人透露,明星通常在此时期普升50%身价.大明星抢钱是自然的事,就连一些二三线明星都可以发挥小宇宙,豪赚一笔.本刊记者集合北京.上海.香港三地之力,

手机互动网页11大技术点创意篇突破总结

  一.硬件背景(重要) 易观智库的一个报告指出,2013年中国移动互联网网民规模达6.52亿,其中70.1%的用户使用安卓手机,26.1%的用户使用苹果手机. 高收入网民中,有一半以上都是用IOS系统,这个比重在低收入群体中只占17.71%.中低收入网民多使用安卓系统的手机,占比分别为66.67%和76.09%. 先提出中国移动互联网网民结构是为了让大家在开始项目构思的时候,就要清楚面对的群体是什么,在项目的进展中遇到问题时,结合时间和效果,能够有所抉择. 这个问题很重要,就像我们在PC网页提

静态网页-求大哥们帮做一个简单的购物网页。

问题描述 求大哥们帮做一个简单的购物网页. 小弟本人是IT新手加菜鸟,刚上大一,这学期初学习了HTML静态网页制作,现在有道结课作业,要求如下: 至少应该有主页.注册登陆页面及其他商品介绍的页面.主页要求有导航栏区.登陆注册区.以及其他主题功能图片预览区:主页命名为index.html; 3. 完成注册.登陆功能,网站主页使用合理的框架结构: 4. 用户的注册功能利用表单来完成,注册用户登陆后可以上传本地其他图片到某某文件夹中: 5. 网站中的其他页面和功能可以根据自己能力水平进行其他方面设计,

小米新一代大数据统计平台大公开

首次来到台北的小米研发架构师欧阳辰,看见城市中川流不息的摩托车车流,引起了他的注意:「它的特色很像大数据」,除了数量多.变化快,以及难以预测动向,摩托车也和大数据一般,都是解决人类生活在社会中的一项工具,「未来大数据会是重要的社会基础架构,就像水.电力一样.」 谈起大数据,不免回归最基本的问题:它跟传统数据分析的区隔为何. 欧阳辰表示:「在目标上,我认为两者没有区隔」,欧阳辰表示,传统统计分析解决的问题如人口统计议题,只需要经过随机抽样方法就能解决.但是碰上投放商业广告,若仍靠传统抽样分析结果,

国内外主要ERP厂商产品与特性大盘点

国内ERP厂商: 一.用友ERP(有用友NC.U8.用友通): 用友软件是亚太本土最大管理软件供应商,是中国最大的管理软件.ERP软件.财务软件供应商,是中国最大的独立软件供应商.在中国ERP软件市场,用友软件市场份额最大.产品线最丰富.行业覆盖最广.服务网络最大. 特性(针对U8): 1.用友的U8以财务软件为核心,逐渐开发外围系统: 2.收购系统,整合制造系统,在设计上整合和接口太多,各子系统相对完整和适应性强,整体表现较差:比较适应局部应用的现实中国市场: 3.整个设计受快速占有市场的思想

网站建设中网站的配色奥秘大公开

曾经费尽心思想替网站设计一套令人眼睛为之一亮的色彩组合吗?或者你一直不解为何银行.公司行号或金融机构的网站总是使用蓝色系?那么你来对地方了.虽然大部分的网站开发人员都很清楚网络所使用的色盘和计算色彩的 16 进位系统,但对色彩学和有效色彩组合背后所隐含的原理依然懵懵懂懂. 几世纪以来,颜色本身就是一个难解的谜题.举例子来说,苏格拉底就曾经假设说「火」之源起,乃是因眼睛结合了对象本身的「白」(whiteness)所产生的颜色.之后,牛顿更探索光与色彩之间的关系:其后历经许多科学研究,终于在20世纪