UC知道javascript在一定范围内拖动图片的代码
来源：百度知道 编辑：UC知道 时间：2024/09/19 19:30:28
一个类似相框的页面，图片放在最下面一层，相框的窗口比图片小点，可以用鼠标左右拖动图片，在相框中显示。
问题是，左右拖动的时候，想让他不要在整个浏览器中跑，往左拖到图片右侧完全露出来就停止，不能再拖；往右拖动的时候，图片左侧完全露出来就好，不能再继续往右拖。
现在，拖动的代码已经写好，怎么使拖动的范围有个限制？
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<title>随意拖动图片</title>
<style type="text/css">
<!--
#left {
position:absolute;
background-color: #0000FF;
问题是，左右拖动的时候，想让他不要在整个浏览器中跑，往左拖到图片右侧完全露出来就停止，不能再拖；往右拖动的时候，图片左侧完全露出来就好，不能再继续往右拖。
现在，拖动的代码已经写好，怎么使拖动的范围有个限制？
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<title>随意拖动图片</title>
<style type="text/css">
<!--
#left {
position:absolute;
background-color: #0000FF;
不是很明白你的意思，你代码拖动的是那个div啊。另外，是完全露出来还是刚好露出来？？看你应该是想实现下面的功能：1个相框，图片比相框大，想拖动图片，往左拖动的时候，图片右侧刚好露出，就不能再拖，往右边拖动的时候，图片左侧刚好露出，就是说，不让相框里面出现空白，完全被图片填充。是不是啊？？
这个HTML编码
难
我只知道随意拖动图片的代码
至于范围的问题，我还没有思考过！！
jquery有完美的插件
你想实现的效果不是很明确!~解释下.