Javascript 网页黑白效果实现代码(兼容IE/FF等)_javascript技巧

下面的演示地址是局部灰色

局部灰色 演示地址： http://demo.jb51.net/js/grayscale/index.html
完全灰色 演示地址： http://demo.jb51.net/js/grayscale/demo2.htm
使用方法：

1.首先在网页中引入grayscale.js文件。
2.执行grayscale函数即可。

示例代码：

复制代码 代码如下:

grayscale(document.body); //整站变成灰色
grayscale(document.getElementById("main"));//指定元素变灰色
grayscale.reset(document.getElementById("main"));//指定元素还原

打包下载地址

时间： 2024-02-19 16:23:30

Javascript 网页黑白效果实现代码(兼容IE/FF等)_javascript技巧的相关文章

js加入收藏夹代码(兼容ie/ff/op)_javascript技巧

复制代码 代码如下: var www_jb51_net = function (obj, url, title) {    var e = window.event || arguments.callee.caller.arguments[0];    var B = {        IE : /MSIE/.test(window.navigator.userAgent) && !window.opera        , FF : /Firefox/.test(window.navig

JavaScript 浮动定位提示效果实现代码第1/2页_javascript技巧

这个效果本身难度不大,主要在程序结构和扩展中下了些功夫,务求用起来更方便,能用在更多的地方.程序特点 1,同一个提示框用在多个触发元素时,只需一个实例: 2,显示和隐藏分别有点击方式和触发方式选择: 3,能设置延时显示和隐藏: 4,有25种预设定位位置: 5,可在预设定位基础上,再自定义定位: 6,可设置自适应窗口定位: 程序说明 [Tip对象] Tip对象就是用来显示提示信息的容器,程序用Tip属性表示.这个没什么要求,程序初始化时会对它进行一些设置. 首先进行下面设置: 复制代码 代码如下:

图片轮换效果实现代码(点击按钮停止执行)_javascript技巧

在这个小程序中,需要把images文件夹下图片的命名设置为有顺序的,1.2.3-- 复制代码 代码如下: <script type="text/javascript"> var imgnumb = 1; function imgfor() { imgnumb++; document.getElementById('img1').setAttribute('src', 'images/' + imgnumb + '.jpg'); if (imgnumb == 5) { //共

IE8的JavaScript点击事件(onclick)不兼容的解决方法_javascript技巧

博客园闪存分页是用JavaScript生成的,今天发现在IE8下点击页码不能翻页,翻页操作是在当前页码的onclick事件中进行的. 开始代码是这么写的: 复制代码 代码如下: var a = document.createElement("a");a.setAttribute("onclick", this.ClickFunctionName + "(" + pageIndex + ");Pager.SetCurrent("

JS控制图片翻转示例代码(兼容firefox,ie,chrome)_javascript技巧

复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>图片旋转效果<

在javascript中执行任意html代码的方法示例解读_javascript技巧

今天码代码中偶然发现有一种情况javascript的eval()函数无法执行html代码,比如: 复制代码 代码如下: <script>eval('<li>hehe</li>')</script> 代码是不会执行的,但是改为如下就可以执行了: 复制代码 代码如下: <script>eval('</script><li>hehe</li><script>')</script>

javascript HTMLEncode HTMLDecode的完整实例(兼容ie和火狐)_javascript技巧

方法一: 用的浏览器内部转换器实现转换,方法是动态创建一个容器标签元素,如DIV,将要转换的字符串设置为这个元素的innerText(ie支持)||textContent(火狐支持),然后返回这个元素的innerHTML,即得到经过HTML编码转换的字符串,显示的时候反过来就可以了(实际上显示的时候不用通过转换,直接赋值在div就可以正常显示的). 复制代码 代码如下: <script type="text/javascript"> function HTMLEncode(

代码短小的js div层拖动实现代码[兼容IE与Firefox]_javascript技巧

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

js实现有过渡渐变效果的图片轮播相册（兼容IE,ff）_javascript技巧

本文实例介绍了js实现图片轮播相册,具有过渡渐变效果,分享给大家供大家参考,具体内容如下 思路很简单,用2个属性保存当前图片和上一张图片,用2个定时器分别控制透明度和当前过渡的图片. <HTML> <HEAD> <TITLE></TITLE> </HEAD> <style> #cnt{width:100%;height:80%;} .ctrl{text-align:center;border:1px solid gray;font-s