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
随机推荐
- 用VBS修改(设置)系统时间和日期的代码
- Redis服务器笔记
- jsp+javascript打造级连菜单的实例代码
- javascript制作loading动画效果 loading效果
- 使用PowerShell获取当前主机内存使用量和总量的方法
- CentOS安装Python2.7与Python2.6并存的方法
- js和php如何获取当前url的内容
- linux下用csplit命令分割文件的方法示例
- Python中输出ASCII大文字、艺术字、字符字小技巧
- mysql数据库查询优化 mysql效率第1/3页
- C++实现合并排序的方法
- Jquery工作常用实例 使用AJAX使网页进行异步更新
- Android学习教程之高仿安卓微信6.0(2)
- 使用Xcache缓存器加速PHP网站的配置方法
- android长截屏原理及实现代码
- 轻松掌握Java模板模式
- yii2中使用webuploader实现图片上传的实战项目
- 企业网站常用中英文对照
- nodejs爬虫初试superagent和cheerio
- 详解thinkphp中的volist标签