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
随机推荐
- Angular4学习笔记之根模块与Ng模块
- 基于JavaScript实现表单密码的隐藏和显示出来
- 修改一行代码提升 Postgres 性能 100 倍
- jquery中加载图片自适应大小主要实现代码
- 一个简单的java学生寝室查询系统
- Android修改源码解决Alertdialog触摸对话框边缘消失的问题
- Linux/Unix环境下的Make和Makefile详解
- jQuery制作全屏宽度固定高度轮播图(实例讲解)
- jquery 构造函数在表单提交过程中修改数据
- 2007年将流行的超强警句收集
- SqlServer2012中LEAD函数简单分析
- jquery如何获取复选框的值
- 微信小程序 支付功能(前端)的实现
- 洪恩在线成语词典小偷程序php版
- Android Studio多渠道打包套路
- Python实现将照片变成卡通图片的方法【基于opencv】
- python之从文件读取数据到list的实例讲解
- PHP5.0~5.6 各版本兼容性cURL文件上传功能实例分析
- 深入浅出了解happens-before原则
- 教你搭建按需加载的Vue组件库(小结)