">
<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是固定宽的；
固定宽的也是要图片最好和你规定的宽一样，避免拉伸
css只是层叠样式表，是控制页面的样式的，并不能对一些操作进行控制。至于禁止鼠标滑轮的滚动是需要用js控制的，在js中有一个mousewheel事件，对这个事件进行设置，可以实现对鼠标滚轮的一些操作。
