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 相关文章推荐
[原创]图片分页查看
Aug 28 Javascript
jQuery.autocomplete 支持中文输入(firefox)修正方法
Mar 10 Javascript
JS控制文本框textarea输入字数限制的方法
Jun 17 Javascript
js添加table的行和列 具体实现方法
Jul 22 Javascript
JavaScript使用readAsDataUrl方法预览图片
May 10 Javascript
js中json对象和字符串的理解及相互转化操作实现方法
Sep 22 Javascript
基于 Vue 实现一个酷炫的 menu插件
Nov 14 Javascript
React和Vue中监听变量变化的方法
Nov 14 Javascript
Vue商品控件与购物车联动效果的实例代码
Jul 21 Javascript
微信小程序录音实现功能并上传(使用node解析接收)
Feb 26 Javascript
vue.js this.$router.push获取不到params参数问题
Mar 03 Javascript
通过JS判断网页是否为手机打开
Oct 28 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
雄兵连:天使彦天使彦为爱折翼,彦和炙心同时念动的誓言!
2020/03/02 国漫
图书管理程序(一)
2006/10/09 PHP
解决GD中文乱码问题
2007/02/14 PHP
解决php中Cannot send session cache limiter 的问题的方法
2007/04/27 PHP
php cli配置文件问题分析
2015/10/15 PHP
JQuery选择器特辑 详细小结
2012/05/14 Javascript
jquery indexOf使用方法
2013/08/19 Javascript
javascript数组快速打乱重排的方法
2014/01/02 Javascript
JavaScript在IE和FF下的兼容性问题
2014/05/19 Javascript
javascript模拟map输出与去除重复项的方法
2015/02/09 Javascript
JQuery使用$.ajax和checkbox实现下次不在通知功能
2015/04/16 Javascript
js获取字符串字节数方法小结
2015/06/09 Javascript
javascript实现根据3原色制作颜色选择器的方法
2015/07/17 Javascript
JS实现转动随机数抽奖特效代码
2020/04/16 Javascript
Javascript打印局部页面实例
2016/06/21 Javascript
js判断请求的url是否可访问,支持跨域判断的实现方法
2016/09/17 Javascript
javascript 产生随机数的几种方法总结
2017/09/26 Javascript
微信小程序中的店铺评分组件及vue中用svg实现的评分显示组件
2018/11/16 Javascript
python逐行读取文件内容的三种方法
2014/01/20 Python
python批量提交沙箱问题实例
2014/10/08 Python
Python中的ctime()方法使用教程
2015/05/22 Python
各种Python库安装包下载地址与安装过程详细介绍(Windows版)
2016/11/02 Python
python深度优先搜索和广度优先搜索
2018/02/07 Python
Python使用Windows API创建窗口示例【基于win32gui模块】
2018/05/09 Python
python3.7 使用pymssql往sqlserver插入数据的方法
2019/07/08 Python
浅谈python量化 双均线策略(金叉死叉)
2020/06/03 Python
澳大利亚最受欢迎的超级商场每日优惠:Catch
2020/11/17 全球购物
韩语专业本科生求职信
2013/10/01 职场文书
农村葬礼主持词
2014/03/31 职场文书
竞选文艺委员演讲稿
2014/04/28 职场文书
财务务虚会发言材料
2014/10/20 职场文书
市委召开党的群众路线教育实践活动总结大会报告
2014/10/21 职场文书
员工评语范文
2014/12/31 职场文书
pyqt5打包成exe可执行文件的方法
2021/05/14 Python
SpringCloud之@FeignClient()注解的使用方式
2021/09/25 Java/Android
Java8 Stream API 提供了一种高效且易于使用的处理数据的方式
2022/04/13 Java/Android