">
<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是固定宽的;
固定宽的也是要图片最好和你规定的宽一样,避免拉伸