Opacity.js


Posted in Javascript onJanuary 22, 2007
//---------------------------------------------------------------  
// Opacity Displayer, Version 1.0  
// Copyright Michael Lovitt, 6/2002.  
// Distribute freely, but please leave this notice intact.  
//---------------------------------------------------------------  //---------------------------------------------------------------  
// OPACITY OBJECT  
//  
// Instantiates the object, defines the properties and methods.  
function OpacityObject(div, strPath) {  
 this.layerObject = div;  
 this.path = strPath;  
/* if (ns){  
  if (browserVersion>=5) {  
   this.layerObject = document.getElementById(divId).style;  
  } else {   
   this.layerObject = eval("document."+divId);  
  }  
 } else {  
  this.layerObject = eval(divId + ".style");  
 }/**/  
 this.setBackground = od_object_setBackground;  
}  
// Uses AlphaImageLoader filter, or the css background property,  
// as appropriate, to apply a PNG or GIF as the background of the layerObject.  
function od_object_setBackground() {  
 if (pngAlpha) {  
  this.layerObject.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.path+".png', sizingMethod='scale')";  
 } else if (pngNormal) {  
  if (browser.isMac && browser.isIE5up ) this.layerObject.backgroundColor = '#999999';  
  else this.layerObject.backgroundImage = 'url('+this.path+'.png)';  
 } else {  
  this.layerObject.backgroundImage = 'url('+this.path+'.gif)';  
 }  
}  
//---------------------------------------------------------------  
//---------------------------------------------------------------  
// OPACITY DISPLAY FUNCTION  
// Outputs the image as a div with the AlphaImageLoader, or with  
// a standard image tag.  
function od_displayImage(strId, strPath, intWidth, intHeight, strClass, strAlt) {   
 if (pngAlpha) {  
  document.write('<div style="height:'+intHeight+'px;width:'+intWidth+'px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\''+strPath+'.png\', sizingMethod=\'scale\')" id="'+strId+'" class="'+strClass+'"></div>');  
 } else if (pngNormal) {  
  document.write('<img src="students/%27%2BstrPath%2B%27.png" width="'+intWidth+'" height="'+intHeight+'" name="'+strId+'" border="0" class="'+strClass+'" alt="'+strAlt+'" />');  
 } else {  
  document.write('<img src="students/%27%2BstrPath%2B%27.gif" width="'+intWidth+'" height="'+intHeight+'" name="'+strId+'" border="0" class="'+strClass+'" alt="'+strAlt+'" />');  
 }  
}  
//---------------------------------------------------------------  
//---------------------------------------------------------------  
// OPACITY ROLL-OVER FUNCTIONS  
function od_rollOver(strId, strColor) {   
 if (pngAlpha) {  
  document.getElementById(strId).style.backgroundColor = strColor;  
 } else {  
     if (document.images && (flag == true)) {  
         document[strId].src = eval(strId + "on.src");  
     }  
 }  
}  
function od_rollOut(strId, strColor) {   
 if (pngAlpha) {  
  document.getElementById(strId).style.backgroundColor = strColor;  
 } else {  
     if (document.images) {  
         document[strId].src = eval(strId + "off.src");  
     }  
 }  
}  
//---------------------------------------------------------------  
//---------------------------------------------------------------  
// global variables  
// if IE5.5+ on win32, then display PNGs with AlphaImageLoader  
if ((browser.isIE55 || browser.isIE6up) && browser.isWin32) {  
 var pngAlpha = true;  
 var strExt = ".png";  
// else, if the browser can display PNGs normally, then do that. that list includes:  
 //     -Gecko Engine: Netscape 6 or Mozilla, Mac or PC  
 //     -IE5+ Mac (OpacityObject applies the background image at 100% opacity)  
 //     -Opera 6+ PC  
 //     -Opera 5+ Mac (Doesn't support dynamically-set background images)  
 //     -Opera 6+ Linux   
 //     -Omniweb 3.1+   
 //     -Icab 1.9+   
 //     -WebTV   
 //     -Sega Dreamcast  
} else if ((browser.isGecko) || (browser.isIE5up && browser.isMac) || (browser.isOpera && browser.isWin && browser.versionMajor >= 6) || (browser.isOpera && browser.isUnix && browser.versionMajor >= 6) || (browser.isOpera && browser.isMac && browser.versionMajor >= 5) || (browser.isOmniweb && browser.versionMinor >= 3.1) || (browser.isIcab && browser.versionMinor >= 1.9) || (browser.isWebtv) || (browser.isDreamcast)) {  
 var pngNormal = true;  
 var strExt = ".png";  
 // otherwise, we use plain old GIFs  
} else {  
 var strExt = ".gif";  
}  
var ns = (document.all)?false:true;  
var browserVersion = parseFloat(navigator.appVersion );  
//---------------------------------------------------------------  
Javascript 相关文章推荐
JavaScript 轻松搞定快捷留言功能 只需一行代码
Apr 01 Javascript
Array.prototype.slice 使用扩展
Jun 09 Javascript
使用百度地图api实现根据地址查询经纬度
Dec 11 Javascript
jQuery使用之标记元素属性用法实例
Jan 19 Javascript
jQuery.Highcharts.js绘制柱状图饼状图曲线图
Mar 14 Javascript
javascript的变量、传值、传址、参数之间关系
Jul 26 Javascript
javascript设置页面背景色及背景图片的方法
Dec 29 Javascript
javascript实现Java中的Map对象功能的实例详解
Aug 21 Javascript
Vue常用指令详解分析
Aug 19 Javascript
vue分页器组件编写方法详解
Jun 28 Javascript
json_decode 索引为数字时自动排序问题解决方法
Mar 28 Javascript
Node.js API详解之 util模块用法实例分析
May 09 Javascript
html读出文本文件内容
Jan 22 #Javascript
用ADODB.Stream转换
Jan 22 #Javascript
Web层改进II-用xmlhttp 无声息提交复杂表单
Jan 22 #Javascript
用正则xmlHttp实现的偷(转)
Jan 22 #Javascript
通过MSXML2自动获取QQ个人头像及在线情况(给初学者)
Jan 22 #Javascript
Javascript技术技巧大全(五)
Jan 22 #Javascript
深入认识JavaScript中的函数
Jan 22 #Javascript
You might like
PHP is_dir() 判断给定文件名是否是一个目录
2010/05/10 PHP
完美的2个php检测字符串是否是utf-8编码函数分享
2014/07/28 PHP
php导出中文内容excel文件类实例
2015/07/06 PHP
php7安装yar扩展的方法详解
2017/08/03 PHP
PHP利用DWZ.CN服务生成短网址
2019/08/11 PHP
JQuery中的ready函数冲突的解决方法
2010/05/17 Javascript
优化innerHTML操作(提高代码执行效率)
2011/08/20 Javascript
非常有用的40款jQuery 插件推荐(系列二)
2011/12/25 Javascript
用RadioButten或CheckBox实现div的显示与隐藏
2013/09/21 Javascript
js设置cookie过期及清除浏览器对应名称的cookie
2013/10/24 Javascript
jquery中load方法的用法及注意事项说明
2014/02/22 Javascript
jQuery实现径向动画菜单效果
2015/07/17 Javascript
动态加载JavaScript文件的两种方法
2016/04/22 Javascript
Laydate时间组件在火狐浏览器下有多时间输入框时只能给第一个输入框赋值的解决方法
2016/08/18 Javascript
Vue2 模板template的四种写法总结
2018/02/23 Javascript
webpack打包优化的几个方法总结
2020/02/10 Javascript
微信小程序开发之获取用户手机号码(php接口解密)
2020/05/17 Javascript
JavaScript数组排序的六种常见算法总结
2020/08/18 Javascript
vue实现单一筛选、删除筛选条件
2020/10/26 Javascript
Eclipse + Python 的安装与配置流程
2013/03/05 Python
Python 性能优化技巧总结
2016/11/01 Python
简单谈谈Python中的json与pickle
2017/07/19 Python
python Pandas 读取txt表格的实例
2018/04/29 Python
Python使用Shelve保存对象方法总结
2019/01/28 Python
Python中按键来获取指定的值
2019/03/02 Python
Python 多线程,threading模块,创建子线程的两种方式示例
2019/09/29 Python
详解从Django Allauth中进行登录改造小结
2019/12/18 Python
Spring Boot中使用IntelliJ IDEA插件EasyCode一键生成代码详细方法
2020/03/20 Python
使用html2canvas将页面转成图并使用用canvas2image下载
2019/04/04 HTML / CSS
Jacques Lemans德国:奥地利钟表品牌
2019/12/26 全球购物
端午节粽子促销活动方案
2014/02/02 职场文书
化妆品活动策划方案
2014/05/23 职场文书
2014大四本科生自我鉴定总结
2014/10/04 职场文书
工作保证书
2015/01/17 职场文书
会议简报格式范文
2015/07/20 职场文书
win11自动弹出虚拟键盘怎么关闭? Win11关闭虚拟键盘的技巧
2023/01/09 数码科技