Javascript 网页黑白效果实现代码(兼容IE/FF等)
下面的演示地址是局部灰色
局部灰色 演示地址: 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"));//指定元素还原
打包下载地址
相关推荐
-
Javascript 网页黑白效果实现代码(兼容IE/FF等)
下面的演示地址是局部灰色 局部灰色 演示地址: 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.getEle
-
javascript跟随滚动效果插件代码(javascript Follow Plugin)
Js 跟随滚动效果插件支持定义多个跟随ID,采用css fixed属性,不支持ie6,兼容其他主流浏览器.支持定义滚动到底部的最小高度,不会覆盖底部页面大小resize后,插件会自动重置参数=======Js 跟随滚动效果插件1.支持定义多个跟随ID,采用css fixed属性,不支持ie6,兼容其他主流浏览器.2.支持定义滚动到底部的最小高度,不会覆盖底部3.页面大小resize后,插件会自动重置参数=======使用方法 代码如下 复制代码 代码如下: <script type="t
-
JavaScript 图片放大效果及代码说明
Magnifier #magnifier{ width:342px; height:420px; position:absolute; top:100px; left:250px; font-size:0; border:1px solid #000; } #img{ width:342px; height:420px; } #Browser{ border:1px solid #000; z-index:100; position:absolute; background:#555; } #m
-
javascript获取鼠标位置部分的实例代码(兼容IE,FF)
复制代码 代码如下: var xPos; var yPos; document.onmousemove = mouseMove; function mouseMove(ev) { ev = ev window.event; var mousePos = mouseCoords(ev); xPos = mousePos.x; yPos = mousePos.y; } function mouseCoords(ev) { if (ev.pageX ev.pageY) { return { x: ev
-
Javascript(AJAX)解析XML的代码(兼容FIREFOX/IE)
复制代码 代码如下: //导入js文件 function getResult(url, ready) { var xmlHttp; var r = function() { if (xmlHttp.readyState == 4) { if (xmlHttp.status == 200) { //alert(isIE); var xmlstr; var xmldoc; var isIE = !!(window.attachEvent && !window.opera); if (isIE)
-
JavaScript 事件监听实例代码[兼容IE,firefox] 含注释
JavaScript事件监听完整实例(含注释) var oEventUtil = new Object(); oEventUtil.AddEventHandler = function(oTarget,sEventType,fnHandler) { //IE和FF的兼容性处理 //如果是FF if(oTarget.addEventListener){ oTarget.addEventListener(sEventType,fnHandler,false); } //如果是IE else if(o
-
用javascript实现画图效果的代码
Untitled Document function $(pId){ return document.getElementById(pId); } function JPos(){ } JPos.getAbsPos = function(pTarget){ var _x = 0; var _y = 0; while(pTarget.offsetParent){ _x += pTarget.offsetLeft; _y += pTarget.offsetTop; pTarget = pTarget
-
js加入收藏夹代码(兼容ie/ff/op)
复制代码 代码如下: 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实现拖放效果
本文实例为大家分享的是一个拖放的效果,参考的代码,重构以下,加以理解学习. 首先来看效果: 拖动div 拖放状态:未开始 [程序说明] 拖动原理:其实就是在拖动块上监听mousedown事件,鼠标点击时,通过事件对象获取对应的坐标参数.然后鼠标移动时再监听document上的mousemove事件,获取鼠标的clientX 和clientY坐标然后设置拖动块的left 和 top. 首先是监听mousedown事件 复制代码 代码如下: EventUtil.addEventHandler(thi
-
JavaScript+CSS实现仿天猫侧边网页菜单效果
本文实例讲述了JavaScript+CSS实现仿天猫侧边网页菜单效果.分享给大家供大家参考.具体如下: 这是一款自己写的仿天猫的菜单效果,二级分类的功能已经实现,但没有美化,留着用的朋友自己完善吧,JS功能已经实现,鼠标移在主分类上,二级分类向右伸出展开,目前淘宝网.天猫购物.京东都在用的导航菜单特效,测试时候请先点击一下菜单,主菜单就显示出来了. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-css-ftamil-web-menu-st
随机推荐
- JavaScript中的类(Class)详细介绍
- Js FCKeditor的值获取和修改的代码小结
- MyBatis学习教程(六)-调用存储过程
- MyBatis Generator去掉生成的注解
- 在.NET中使用Newtonsoft.Json转换,读取,写入的方法介绍
- python3+PyQt5实现使用剪贴板做复制与粘帖示例
- JavaScript setTimeout和setInterval的使用方法 说明
- Linux中安装Python的交互式解释器IPython的教程
- 深入浅析python中的多进程、多线程、协程
- js获取及判断键盘按键的方法
- ajax XMLHTTP Post Form时的表单乱码综合解决
- js实现按钮控制带有停顿效果的图片滚动
- Java基础强化训练输入错误即结束进程
- MYSQL数据库数据拆分之分库分表总结
- jQuery boxy弹出层插件中文演示及使用讲解
- Linux6.7卸载系统自带的mysql-libs* crontab命令不能用了原因分析
- 关于ftp下显示的时间和系统时间不一致的解决方法
- Java的lambda表达式实现解析
- sql 修改表的所有者
- Java基于分治算法实现的线性时间选择操作示例