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

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

Javascript: 11款基于Javascript的文件管理器; 5款Javascript颜色选择器; JavaScript 对话框和状态栏使用说明; 状态栏时间显示效果数字钟; 在图片上单击获取图片原始大小; 禁止在图片上使用右键; javascript 操作Word和Excel的实现代码; 几个javascript操作word的参考代码; innerhtml用法 innertext用法以及innerHTML与innertext的区别; 解决表单中第一个非隐藏的元素获得焦点的一个方案; 解决jquery .ajax 在IE下卡死问题的解决方法; javascript 实现划词标记划词搜索功能; 用Greasemonkey 脚本收藏网站会员信息到本地; javascript 关于# 和 void的区别分析; DIV+CSS+JS 变灰弹出层; Ajax+Json 级联菜单实现代码; javascript 读取XML数据，在页面中展现、编辑、保存的实现; html 锁定页面(js遮罩层弹出div效果); 基于jQuery的日期选择控件; javascript获得CheckBoxList选中的数量

技术文章搜索

关键字

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 132 ::

收藏到网摘: n/a

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

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