当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 图片与文字半透明效果 鼠标移上不透明

Javascript
Prototype ObjectRange对象学习
Prototype Number对象 学习
Prototype Enumerable对象 学习
Prototype Template对象 学习
Prototype PeriodicalExecuter对象 学习
Prototype Array对象 学习
Prototype Hash对象 学习
[原创]IE view-source 无法查看看源码 JavaScript看网页源码
js计算页面刷新的次数
一个cssQuery对象 javascript脚本实现代码
一个可以随意添加多个序列的tag函数
javascript 三级下拉选择菜单Levels对象
JavaScript 进度条实现代码(Firefox等相似浏览器下不支持)
javascript 表单规则集合对象
从基础开始建立一个JS代码库
javascript Base类 包含基本的方法
js 代码集(学习js的朋友可以看下)
模仿jQuery each函数的链式调用
JavaScript 就地编辑HTML节点实现代码
JavaScript 动态生成方法的例子

Javascript 中的 图片与文字半透明效果 鼠标移上不透明


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-10   浏览: 318 ::
收藏到网摘: n/a

图片与文字结合的半透明效果,在正常状态下,一张图片的上面显示文字,为了区分背景,文字下方又重新布置了一个DIV 该 DIV是半秀明状态,这样可以看到背景也可以衬托文字,当鼠标放到文字上的时候,DIV层彻底不透明,文字清淅显示出来,一般这种效果都是要配合JavaScript的,这样兼容性会更好。

[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]