当前位置: 首页 > 图文教程 > 网络编程 > Javascript > Opacity.js

Javascript
比较精简的Javascript拖动效果函数代码
一个可以得到元素真实的背景颜色的javascript脚本
代码精简的可以实现元素圆角的js函数
用JS实现的一个include函数
IE 缓存策略的BUG的解决方法
$()JS小技巧
js右键菜单效果代码
XML的代替者----JSON
清空代码防止查看源代码的js代码
一个JS翻页效果
用js获取点击图片的值!
用innerHTML &符号副值给文本框后会变成&的方法
让iframe自适应高度(支持XHTML,支持FF)
dsfasdfasdf
用ASP将SQL搜索出来的内容导出为TXT的代码
弹出广告特效(一个IP只弹出一次)的代码
javascript实现的动态文字变换
服务器安全设置的几个注册表设置
取键盘键位ASCII码的网页
用倒置滤镜把div倒置,再把table倒置。

Javascript 中的 Opacity.js


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-12   浏览: 448 ::
收藏到网摘: n/a

复制代码 代码如下:

//---------------------------------------------------------------
// 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 );
//---------------------------------------------------------------