<img src="" id="src" width="202" />
    <div id="dst"><img src="" /></div>
    <script>
        var src = document.getElementById("src");
        var dst = document.getElementById('dst');
        //绑定鼠标经过事件
        src.onmouseover = function () {
            //显示预览区域
            dst.style.display = "block";
            //移动到指定位置
            
            var x = this.offsetLeft + this.offsetWidth + 5;
            alert(this.offsetLeft);
            alert(this.offsetWidth);
            dst.style.left = x + "px";
            dst.style.top = this.offsetTop + "px";
        }
        
        //添加鼠标移动事件
        src.onmousemove = function (event) {
            //设置event对象 兼容写法
            var event = window.event || event;
            //计算鼠标在图片中的水平和垂直位置
            var x = event.clientX - this.offsetLeft;
            var y = event.clientY - this.offsetTop;
            //让预览区大图滚到指定位置（经过相应倍率放大的位置）
            dst.scrollLeft = x*3;//此处不带单位
            dst.scrollTop = y*3;
        }
    </script>

如果拖动的是图片：事件中加入：e.preventDefault();

<div id='dv'></div>

<script type="text/javascript">
//获取元素
var dv = document.getElementById('dv');
var x = 0;
var y = 0;
var l = 0;
var t = 0;
var isDown = false;
//鼠标按下事件
dv.onmousedown = function(e)
{
    //获取x坐标和y坐标
    x = e.clientX;
    y = e.clientY;

    //获取左部和顶部的偏移量
    l = dv.offsetLeft;
    t = dv.offsetTop;
    //开关打开
    isDown = true;
    //设置样式    
    dv.style.cursor = 'move';

    //console.log(t);
}
//鼠标移动
window.onmousemove = function(e)
{
    if(isDown == false){
        return;
    }
    //获取x和y
    var nx = e.clientX;
    var ny = e.clientY;
    //计算移动后的左偏移量和顶部的偏移量
    var nl = nx-(x-l);
    var nt = ny-(y-t);

    dv.style.left = nl+'px';
    dv.style.top = nt+'px';

    //console.log();

}
//鼠标抬起事件
dv.onmouseup= function()
{
    //开关关闭
    isDown = false;
    dv.style.cursor = 'default';
}

</script>

获取屏幕宽度，resize：窗口大小改变时触发
function tishi(){

var one = document.body.clientWidth;
var wid = (one-1000)/2-50;
if(wid>=0){
    $('.left-tishi').css('left',wid+'px');
}else{
    $('.left-tishi').css('left','10px');
}

}
tishi();
$(window).resize(function(){
tishi();
});

遇到三个问题：
一、图片保存失败：给attchement777权限；
二、sql语句导入失败：来源不同，我用的是Navicat，sql文件是phpmyadmin导出的，这俩竟然不通。
三、微信支付配置正确，支付时页面没有付款显示，充值时也没有付款显示，是因为data目录没有777权限，要读取/data/sysset/sysset_你的uniacid文件来判断你有没有开启哪些支付的

css的active属性在安卓和ios上是不兼容的，苹果手机是识别不了的，
可以用js的鼠标移入事件或者定义以下：
var a = document.getElementsByTagName('a');
for(var i = 0; i < a.length; i++)
{
a[i].addEventListener('touchstart',function(){},false);
}
即可