1、创建两个html文件，一个test一个test2。
2、打开test页面，在里面创建一个div，并给其添加onmousedown与move方法。
3、打开后我们发现是一个棕绿的页面。
4、定义两个变量，startx为鼠标按下的坐标，endx为鼠标移动的坐标。
5、实现鼠标点击执行的down方法，在里面通过clientX获得鼠标按下坐标，并赋值给startx。
6、接着在实现鼠标移动的move方法，获得鼠标移动的坐标，并通过startx与endx相减判断是否向左边滑动大于30的距离，是的话就切换到test2页面。
7、现在我们打开test页面，向左滑动会提示切换页面（这个可以去除），确定后就切换到了test2页面，向右滑动切换的方法同理。
1、<img src="" hspace="">这里的hspace指水平方向与其他元素的间隔，填个你想要的整数就行了，如果是竖直方向就用vspace，简单吧。2、<img src="#" width="100" height="100" style=" margin-left:10px" />在图片代码里面加上margin属性。往右移就margin-left，往左移动就margin-right。
3、给图片加个class用相对定位做就可以了。例:<style type="text/css">.imgPlace{ position:relativetop:5pxleft:5px/*right:5pxbottom:5px*/}/*position:relative是相对定位的意思top是相对离上面的距离，left是相对离左面的距离，right是相对离右面的距离，bottom是相对离下面的距离，*/</style><img src="...." alt=" " title=" " class="imgPlace" />。
4、在table外面套个div，再调整div的位置。
1、在html中定位一个元素的位置并且实现向左移动50像素的方式是借助css中的margin来实现。
2、基本用法是margin属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。
3、margin可以接收4个值，分别为距离上、右、下、左的值，也是可以使用margin-left单独设置距离左边的值，代码如下。
4、<html>
<head>
<style type="text/css">
p.margin {margin-left:50px}
</style>
</head>
<body>
<p>这个段落没有指定外边距。</p>
<p class="margin">这个段落带有指定的外边距。这个段落带有指定的外边距。这个段落带有指定的外边距。这个段落带有指定的外边距。这个段落带有指定的外边距。
5、运行结果如下图
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）