首页
网页制作
网络编程
脚本专栏
数据库
网站运营
网络安全
平面设计
CMS教程
搜索
建站极客
网络编程
JavaScript
正文
用javascript实现鼠标框选
所属分类：
网络编程
/
JavaScript
阅读数： 208
收藏 0
赞 0
分享
起初是打算兼容 Netscape 和 FireFox 等浏览器的，但这些浏览器中不支持 style.pixelLeft，得使用 style.left 之类的（style.pixelLeft 为数字无单位，style.left 为文本有单位），实际使用中发现效果很不好，有延迟状，所以还是使用 style.pixelLeft，缺点是仅支持 IE 系列浏览器。
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>鼠标框选框</title> </head> <body> <img src="https://cdn.zhanzhang360.cn/imgupload/004035/code.jpg" ondrag="javascript:return false;"> <div id="box" style="position:absolute;display:none;width:0px;height:0px;border:1px solid #0000FF;background-color:#99CCFF;font-size:1px;filter:alpha(opacity=50);"></div> </body> </html>
[Ctrl+A 全选 注:
引入外部Js需再刷新一下页面才能执行
]
下面这个只在区域内有效
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>鼠标框选框</title> </head> <body> <div id="content" style="width:381px;"> <img src="https://cdn.zhanzhang360.cn/imgupload/004035/code.jpg" ondrag="javascript:return false;" width="381" height="354"> <div id="box" style="position:absolute;display:none;width:0px;height:0px;border:1px solid #0000FF;background-color:#99CCFF;font-size:1px;filter:alpha(opacity=50);"></div> </div> </body> </html>
[Ctrl+A 全选 注:
引入外部Js需再刷新一下页面才能执行
]
更多精彩内容
其他人还在看
简单的实现点击箭头图片切换的js代码
这个是一个简单的点击箭头图片切换的例子。JS部分采用过的是jQuery
评论 0
收藏 0
赞 0
分享
很弱的js表格换行效果（表格移动行）
很弱的js表格换行效果（表格移动行），可以将表格的一行向上或向下移动，主要是学习dom之表格控制操作
评论 0
收藏 0
赞 0
分享
始终在页面底部的层js实现代码
其实就是通过js将层始终定位在底部，多用于提示效果
评论 0
收藏 0
赞 0
分享
JavaScript 模式之工厂模式(Factory)应用介绍
工厂模式也是对象创建模式之一，它通常在类或类的静态方法中去实现,本文将详细介绍JavaScript 工厂模式
评论 0
收藏 0
赞 0
分享
中国地区三级联动下拉菜单效果分析
主要的数据和功能实现都是在js文件中，网上找的地区数据有的地方不完整，需要自己添加，本文将详细介绍
评论 0
收藏 0
赞 0
分享
javascript 图片裁剪技巧解读
本文将提供php版的JavaScript裁剪图片代码，仅供大家参考
评论 0
收藏 0
赞 0
分享
jquery getScript动态加载JS方法改进详解
有许多朋友需要使用getScript方法动态加载JS,本文将详细介绍此功能的实现方法
评论 0
收藏 0
赞 0
分享
基于JQuery模仿苹果桌面的Dock效果(初级版)
新的一天新的开始，今天要分享的是用JQuery模仿苹果操作系统桌面的Dock效果，之所以称之为初级版，是因为其中还有一些bug，显示效果并不稳定
评论 0
收藏 0
赞 0
分享
基于JQuery的模拟苹果桌面Dock效果(稳定版)
之所以将它命名为稳定版，是因为之前已经分享了一个初级版本的，之前的初级版中存在很多bug。现在经过反复琢磨、实验，修复了之前版本存在的很多不足之处，就算鼠标快速的滑动依然表现的很稳定
评论 0
收藏 0
赞 0
分享
JavaScript 用cloneNode方法克隆节点的代码
很多时候我们需要通过HTML DOM 的方式，用JavaScript 动态生成很多相同的节点，包括其子节点
评论 0
收藏 0
赞 0
分享
查看更多
网络赚钱
更多
即使现在停产 微商面膜至少需需5年才能卖完
站长VS微商 你选择哪个？
什么样的网站赚钱 怎么赚钱？
如何通过网络赚钱？互联网广告模式你知道多少
谷歌广告怎么收款？光大银行需要携带资料到柜台办理
SEO赚钱的途径有几种？简析当前靠SEO赚钱的几种途径
站长故事
更多
站长经验 草根站长成为自媒体明星的过程与经验
揭秘互联网骗子怎么做到月入过万
2013 敢问网站建设的路究竟在何方
我认识的中国第一网民高春辉
人物：戴志康，80后创业者携惊叹号而来
运营网站需要修炼三层内功 很多人都维持在第一层上
