zoukankan      html  css  js  c++  java
  • 图片放大源码



    <a path="images/be830324916476d709ef7f1e547042d0.jpg" class="preview" href="http://www.17sucai.com/">jquery选项卡插件制作标签标题内容slider滑动切换特效</a><Br /><Br />
        <a path="images/39c118198047e3b7da820d162e71a4c1.jpg" class="preview" href="http://www.17sucai.com/">jquery tab选项卡插件 轻量级tab选项卡插件支持鼠标滑过、点击、自动切换、数据回调等功能</a>
    <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="js/preview.js"></script>
    <script type="text/javascript">
    $(function(){
        if($('a.preview').length){
            var img = preloadIm();
            imagePreview(img);
        }
    })
    </script>
    
    
    


    this
    .preloadIm=function(){ var b=new Array; $("a.preview").each(function(){ $(this).attr("path"); }); return b }; this.imagePreview=function(d,c){ offX=5; offY=5; c=c==undefined?"a.preview":c; $(c).hover(function(e){ $("body").append("<div id='preview' class='previewShowWindow'><img id='pi' src='images/loadingAnimation.gif' alt='Now Loading' /></div>"); var m=$(this).attr("path"); $("#pi").attr("src",m); var o=$("#preview").width(); var p=$("#preview").height(); var a=$(window).width()+$(window).scrollLeft(); var l=$(window).height()+$(window).scrollTop(); var n; var b; if((e.pageX+offX+o)>a){ n=e.pageX-(o+offX)+"px" }else{ n=e.pageX+offX+"px" }if((e.pageY+offY+p)>l){ b=l-(p+offY)+"px" }else{ b=e.pageY+offY+"px" } $("#preview").css("top",b).css("left",n).fadeIn("fast") },function(){ $("#preview").remove() }); $(c).mousemove(function(e){ var m=$("#preview").width(); var n=$("#preview").height(); var a=$(window).width()+$(window).scrollLeft(); var k=$(window).height()+$(window).scrollTop(); var l; var b; if((e.pageX+offX+m)>a){ l=e.pageX-(m+offX)+"px" }else{ l=e.pageX+offX+"px" }if((e.pageY+offY+n)>k){ b=k-(n+offY)+"px" }else{ b=e.pageY+offY+"px" } $("#preview").css("top",b).css("left",l) }) };
  • 相关阅读:
    Linux 设置秘钥登录(SSH免密远程登录)
    maven profile动态选择配置文件
    PKU 1521 Entropy(简单哈弗曼树_水过)
    POJ 3253 Fence Repair(简单哈弗曼树_水过)
    XDU 1001 又是苹果(状态压缩)
    PKU 3318 Matrix Multiplication(神奇的输入)
    PKU 3318 Matrix Multiplication(随机化算法||状态压缩)
    PKU 2531 Network Saboteur(dfs+剪枝||随机化算法)
    PKU 1035 Spell checker(Vector+String应用)
    PKU 2002 Squares(二维点哈希+平方求余法+链地址法)
  • 原文地址:https://www.cnblogs.com/yzenet/p/3724766.html
Copyright © 2011-2022 走看看