返回
DIV样式几个特殊效果实现.doc

DIV样式几个特殊效果实现.doc

ID：55968467

大小：58.50 KB

页数：5页

时间：2020-06-18

DIV样式几个特殊效果实现.doc_第1页
DIV样式几个特殊效果实现.doc_第2页
DIV样式几个特殊效果实现.doc_第3页
DIV样式几个特殊效果实现.doc_第4页
DIV样式几个特殊效果实现.doc_第5页
资源描述：

《DIV样式几个特殊效果实现.doc》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、你对DIV样式中的一些特殊效果是否熟悉，这里向大家简单描述一下，主要包括cursor:设置DIV上光标的样式，clip:设置剪辑矩形以及filter:滤镜效果等，相信你一定会对本文介绍感兴趣。本文和大家重点讨论一下DIV样式中一些特殊效果的实现，比如cursor:它可以设置DIV上光标的样式，clip:可以设置剪辑矩形，而DIV样式filter:可以实现滤镜效果，相信本文介绍一定会让你有所收获。DIV样式中一些特殊效果1、cursor:设置DIV上光标的样式。2、clip:设置剪辑矩形。例：Code1.

2、dth:600px;height:200px; 2.cursor:help;clip:rect(0px100px20px0px);line-height:20px; 3.overflow:auto;background-color:Yellow;position:absolute"> 4.div样式测式howareyou. 5.

 6. 说明：clip:rect(toprightbottomleft);设置上下左右的距离,但此时要把position指定为absolute。看以上效果。3、filter:此DIV样式可以实现滤镜效果。例：Code

3、 7. 8. 11.

 12.

4、eight:200px;float:left;"> 14.

 1.
 2. 说明：设置透明度:opacity：value(FF专用,value的取值为0至1之间的小数)，filter:alpha(opacity=value)(IE专用，value取值：0至100)。如果要有JavaScript改变DIV样式的透明度可用下面的方法：FF中：document.getElementById('tdiv').style.opacity='0.9';IE中：document.getElementById('tdiv').style.filte

5、r='alpha(opacity=90)';*以下是滤镜综合的例子，将以下代码复制到一个网页文件中就可看到其效果，所以就不要加以说明了。例：滤镜综合例子1. 2.#paneldivdiv 3.{}{ 4.background-Color:yellow; 5.height:200px; 6.width:200px; 7.} 8. 9. 10.

6、-color:Blue;"> 12. 14.alpha效果:
 15. 16. 17. 18.blur效果：
 19.add为1代表字有阴影

7、，0代表字全部模糊。 20.abcdefghijklmnopqrstuvwxyz 21. 1. 4.chroma效果：
 5.原为黄色，单击变成红色变成透明，双击变成黑色。 6. 7.

8、lter:FlipH;"> 8.fliph效果：
 9.ABCDEFGH
 1

当前文档最多预览五页，下载文档查看全文
侵权申诉

此文档下载收益归作者所有

当前文档最多预览五页，下载文档查看全文
温馨提示：
1. 部分包含数学公式或PPT动画的文件，查看预览时可能会显示错乱或异常，文件下载后无此问题，请放心下载。
2. 本文档由用户上传，版权归属用户，天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容，确认文档内容符合您的需求后进行下载，若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误，付费完成后未能成功下载的用户请联系客服处理。
相关标签