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

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

Javascript: 仿51JOB的地区选择效果(可选择多个地区); Javascript打印网页部分内容的脚本; Ext面向对象开发实践（续）; js的闭包的一个示例说明; javascript 字符串连接的性能问题(多浏览器); JavaScript脚本性能优化注意事项; js电信网通双线自动选择技巧; js DIV滚动条随机位置的设置技巧; Javascript日期对象的dateAdd与dateDiff方法; 小试JavaScript多线程; jquery $.ajax入门应用一; JS 俄罗斯方块完美注释版代码; JavaScript在IE中“意外地调用了方法或属性访问”; 设置下载不需要倒计时cookie(倒计时代码); 拖拉表格的JS函数; js刷新框架子页面的七种方法代码; FireFox与IE 下js兼容触发click事件的代码; js利用div背景，做一个竖线的效果。; javascript 贪吃蛇实现代码; JavaScript无提示关闭窗口(兼容IE/Firefox/Chrome)

技术文章搜索

关键字

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

收藏到网摘: n/a

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

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