">
<html xmlns="
">
<head>
<title>禁止鼠标拖动图片在新窗口打开</title>
<meta http-equiv="content-type" content="text/htmlcharset=gb2312">
<!--把下面代码加到<head>与</head>之间-->
<script language="javascript">
function imgdragstart(){return false}
</script>
</head>
<body>
鼠标左键拖动图片试试！
<!--把下面代码加到<body>与</body>之间-->
<img src="img.jpg">
<img src="img.jpg" >
<script language="javascript">
for(i in document.images)document.images[i].ondragstart=imgdragstart
</script>
</body>
</html>
这个例子可以禁止拖动图片，你试试看
看不清楚，，，不过看着样子是图片出现拉伸了；问题原因：电脑尺寸大，图片不能占据满屏的宽度，而刚好你这里图片的显示样式又是100%的，所以出现拉伸；
解决方法：重新上传图片，1920X（你当前元素的高）
css样式设置为居中显示，现在做首页banner图，图片最好是1920的宽，除非你的banner是固定宽的；
固定宽的也是要图片最好和你规定的宽一样，避免拉伸
HTML元素textarea浏览器中固定大小和禁止拖动textarea标签定义多行的文本输入控件。
文本区中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）。
HTML 标签 textarea 在大部分浏览器中只要指定行（rows）和列（cols）属性，就可以规定 textarea 的尺寸，大小就不会改变，不过更好的办法是使用 CSS 的 height 和 width 属性,但是Chrome,Safari和FireFox渲染的效果不同，可以拖动右下角图标改变大小。
但是过分拖动大小会影响页面布局，使页面变得不美观。可以通过添加如下两个样式禁用拖动，固定大小：
1：彻底禁用拖动（推荐）；
resize: none
2：只是固定大小，右下角的拖动图标仍在；
width: 260px
height: 120px
max-width: 260px
max-height: 120px
