《DIV样式中几个特殊效果实现.docx》由会员分享，可在线阅读，更多相关《DIV样式中几个特殊效果实现.docx（6页珍藏版）》请在三一文库上搜索。
1、你对DIV样式中的一些特殊效果是否熟悉，这里向大家简单描述一下，主要包括cursor:设置DIV上光标的样式，clip:设置剪辑矩形以及filter:滤镜效果等，相信你一定会对本文介绍感兴趣。本文和大家重点讨论一下DIV样式中一些特殊效果的实现，比如cursor:它可以设置DIV上光标的样式，clip:可以设置剪辑矩形，而 DIV样式filter:可以实现滤镜效果，相信本文介绍一定会让你有所收获。DIV样式中一些特殊效果1、cursor:设置DIV上光标的样式。2、clip:设置剪辑矩形。例：Code1. 4. div 样式测式 howareyou.5.6.说明：clip:rect(topri
2、ghtbottomleft;设置上下左右的距离，但此时要把 position指定为absolute。看以上效3、filter:此DIV样式可以实现滤镜效果。例：Code7. 8. 11.12. 14.15.16.说明：设置透明度：opacity： value(FF专用,value的取值为。至1之间的小数， filter:alpha(opacity=value(IE 专用，value 取值：。至 100。如果要有JavaScript改变DIV样式的透明度可用下面的方法：FF 中：document.getElementById(tdiv.style.opacity=0.9;IE 中：documen
3、t.getElementById(tdiv.style.filter=alpha(opacity=90;*以下是滤镜综合的例子，将以下代码复制到一个网页文件中就可看到其效果，所以就不要加以说明 了。例：滤镜综合例子1. 2. #paneldivdiv3. 4. background-Color:yellow;5. height:200px;6. width:200px;7. 8. style9.10. 12. 14. alpha效果:15. div16.17. 18. blur 效果:19. add为1代表字有阴影，0代表字全部模糊。20. abcdefghijklmnopqrstuvwxyz
4、21. div22. 25. chroma 效果：26. 原为黄色，单击变成红色变成透明，双击变成黑色。27. div28. 29. fliph 效果：30. ABCDEFGH31. IJKLMNOP32. 此属性在设置宽高后有效33. div34. 35. flipv 效果:36. ABCDEFGH37. IJKLMNOP38. 此属性在设置宽高后有效39. div40. 42. abcdefghijklmn43. div44. 45. invert 效果：46. 背景色变成相反颜色，如黑变成白。47. div48. 50. wave 效果：51. Add: 一般为1,或0。（0表示上下波浪
5、52. Freq：变形值。（指定多少个波浪53. LightStrength :变形百分比。（变形后的阴影。54. Phase：角度变形百分比。（弯曲的角度Strength：变形强度。55. （数值越大，DIV变形就越大。56. div57. 58. xray 效果：59. sfasdfasdfasdfsadf60. div61. 63. progid:dximagetransform.microsoft.gradient 效果：64. endendendendendendendendendend65. div66. div67. 69. dropshadow 效果：70. 此效果只有在不设置
6、背景色时有效，这时Color指定的将成为背景色。71. 此时背上的字将是清晰的。positive为0时color将成为背景色，72. 为1时color只是文本投影的颜色。73. div74. 76. glow 效果：77. strength的光的强度0-100；此时不能设 DIV的背景色。78. div79. 81. mask 效果：82. 没有明显效果，不能设背景色。83. div84. 86. shadow效果：87. abcdefghijklmn88. div89. 91. xray 效果：92. sfasdfasdfasdfsadf93. div94. 97. 渐变效果。98. endendendendendendendendendend99. div100. 103. Isksalsslalalalalalalal104. div105. 107. div