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
随机推荐
- 可关闭与最小化的右下角浮动广告代码
- python异步任务队列示例
- asp.ne去除html的函数代码
- 客户端脚本中常常出现的一些问题和调试技巧
- Android文件下载进度条的实现代码
- js跟随滚动条滚动浮动代码
- 使用Ajax、json实现京东购物车结算界面的数据交互实例
- 高质量PHP代码的50个实用技巧必备(上)
- 编写自己的jQuery提示框(Tip)插件
- Bootstrap基本插件学习笔记之Tooltip提示工具(18)
- 互联网寒冬来临 企业节流有诀窍
- 函数指针与指针函数的学习总结
- DSP中浮点转定点运算--定点数的加减乘除运算
- C#中的多线程多参数传递详解
- 详细分析交换机的堆叠与级连的区别
- 深入浅析ZooKeeper的工作原理
- iOS tableview实现顶部拉伸效果
- nodeJs爬虫的技术点总结
- 2018即将推出的Apache Spark 2.4都有哪些新功能
- vue鼠标移入添加class样式,鼠标移出去除样式(active)实现方法