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 相关文章推荐
JQuery 实现的页面滚动时浮动窗口控件
Jul 10 Javascript
仅用[]()+!等符号就足以实现几乎任意Javascript代码
Mar 01 Javascript
javascript不同类型数据之间的运算的转换方法
Feb 13 Javascript
在jquery中的ajax方法怎样通过JSONP进行远程调用
Apr 04 Javascript
JavaScript中的单引号和双引号报错的解决方法
Sep 01 Javascript
jquery左右全屏大尺寸多图滑动效果代码分享
Aug 28 Javascript
jQuery+Ajax实现限制查询间隔的方法
Jun 07 Javascript
JS高级运动实例分析
Dec 20 Javascript
PHP实现本地图片上传和验证功能
Feb 27 Javascript
jQuery动画_动力节点节点Java学院整理
Jul 04 jQuery
JS基于递归实现网页版计算器的方法分析
Dec 20 Javascript
js实现动态增加文件域表单功能
Oct 22 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
手把手教你使用DedeCms的采集的图文教程
2007/03/11 PHP
php面向对象全攻略 (十五) 多态的应用
2009/09/30 PHP
php 文件上传系统手记
2009/10/26 PHP
php根据年月获取季度的方法
2014/03/31 PHP
laravel框架实现后台登录、退出功能示例
2019/10/31 PHP
Laravel 5+ .env环境配置文件详解
2020/04/06 PHP
深入浅析安装PhpStorm并激活的步骤详解
2020/09/17 PHP
跨浏览器开发经验总结(三)   警惕“IE依赖综合症”
2010/05/13 Javascript
js去字符串前后空格5种实现方法及比较
2013/04/03 Javascript
使用JavaScript 实现各种跨域的方法
2013/05/08 Javascript
将form表单中的元素转换成对象的方法适用表单提交
2014/05/02 Javascript
JS实现动态移动层及拖动浮层关闭的方法
2015/04/30 Javascript
js+css实现上下翻页相册代码分享
2015/08/18 Javascript
Bootstrap面板(Panels)的简单实现代码
2017/03/17 Javascript
JS实现多级菜单中当前菜单不随页面跳转样式而发生变化
2017/05/30 Javascript
iview通过Dropdown(下拉菜单)实现的右键菜单
2018/10/26 Javascript
vue cli3 配置proxy代理无效的解决
2019/10/30 Javascript
Angular 多级路由实现登录页面跳转(小白教程)
2019/11/19 Javascript
vue项目使用高德地图的定位及关键字搜索功能的实例代码(踩坑经验)
2020/03/07 Javascript
JavaScript获取时区实现过程解析
2020/09/24 Javascript
浅析Python中else语句块的使用技巧
2016/06/16 Python
django+js+ajax实现刷新页面的方法
2017/05/22 Python
Python 给屏幕打印信息加上颜色的实现方法
2019/04/24 Python
Python: 传递列表副本方式
2019/12/19 Python
Python正则表达式学习小例子
2020/03/03 Python
python爬虫开发之Beautiful Soup模块从安装到详细使用方法与实例
2020/03/09 Python
python 异步async库的使用说明
2020/05/04 Python
Django用户登录与注册系统的实现示例
2020/06/03 Python
Keras SGD 随机梯度下降优化器参数设置方式
2020/06/19 Python
Python排序函数的使用方法详解
2020/12/11 Python
HTML5移动端手机网站开发流程
2016/04/25 HTML / CSS
大学生开西餐厅创业计划书
2014/02/01 职场文书
如何写自我评价?自我评价写什么好?
2014/03/14 职场文书
自我推荐信范文
2014/05/09 职场文书
道路运输企业安全生产责任书
2014/07/28 职场文书
教师对照四风自我剖析材料
2014/09/30 职场文书