zoukankan      html  css  js  c++  java
  • 鼠标经过显示大图

    <script language="JavaScript" type="text/JavaScript">

    function hideLayer()
    {
     var layer = document.getElementById("popImageLayer");
     layer.style.visibility='hidden';
    }
    function dispear(){
     var layer = document.getElementById("popImageLayer");
     if ((layer.style.width>0)&& (layer.style.height>0)){
      layer.style.width-=1;
      layer.style.height-=1;
     }
     else {
      layer.style.visibility='hidden';
      if (window.interval)
      clearInterval(interval);
     }
    }
    function popImage(obj,img,href)
    {
     var layer = document.getElementById("popImageLayer");
     var t=obj.offsetTop;
     var l=obj.offsetLeft;
     while(obj=obj.offsetParent){
      t+=obj.offsetTop;
      l+=obj.offsetLeft;
     }
     var content = "<table border=0 width=180 height=180><tr><td align='center' valign='middle'>\n"+
     "<A href="+href+" target=_blank><IMG src='"+img+"' onload='DrawImage(this,180,180);'  onMouseOut='low(this);hideLayer();' onMouseOver=high(this) style='FILTER: alpha(opacity=10)'></A></td></tr></table>"; // onClick='hideLayer();'

       layer.innerHTML=content;
       layer.style.left =l + 35 -90;
       layer.style.top = t+35-90;
       layer.style.visibility='visible';
    }
    function moveToMouseLoc(e)
    {
     var layer = document.getElementById("popImageLayer");
     var offsetX = -5;
     var offsetY = -5;
     var  x = event.x + document.body.scrollLeft;
     var  y = event.y + document.body.scrollTop;
     layer.style.left = x + offsetX;
     layer.style.top = y + offsetY;
     return true;
    }


    function DrawImage(img,width,height){
     if(DrawImage.arguments.length <= 1)
      width=height=70;
     var image=new Image();
     image.src=img.src;
     if(image.width>0 && image.height>0)
     {
       if(image.width>width)
       {
        rate=image.height/image.width;
        newHeight=rate*width;
        img.width=width;
        img.height=newHeight;
       }
     }
     if(img.height>height)
     {
      rate=image.width/image.height;
      newWidth=rate*height;
      img.height=height;
      img.width=newWidth;
     }
    }

    function DrawImage50(img){
     DrawImage(img,50,50);
    }

    function resetForm(){
     var f=document.frmsearch;
       f.Page.value = 1;
       f.ClassCode.value ='' ;
       f.SortType.value ='' ; 
       f.KeyWord.value='';
       f.Area.value='';
       f.MinPrice.value=f.MaxPrice.value='';
     return false; 

    function manualSearch(){
     var f=document.frmsearch;
       f.Page.value = 1;
      // f.ClassCode.value ='' ;
       f.SortType.value ='' ; 
       f.submit();
     return false; 
    }
    function checkCondition(obj) {
     return true;
    }
    function selectview(obj)
    {
       var f=document.frmsearch;
       if ((obj.selectedIndex>0) && (obj.selectedIndex <7))
         f.SortType.value = obj.options[obj.selectedIndex].value;
     else if ((obj.selectedIndex>6) && (obj.selectedIndex <10))
         f.View.value = obj.options[obj.selectedIndex].value;
     else if ((obj.selectedIndex>9) && (obj.selectedIndex <13))
         f.PageSize.value = obj.options[obj.selectedIndex].value;
       f.submit();
     return false; 
    }
    function changeLocation(obj){
     var f=document.frmsearch;
       f.Area.value = obj.options[obj.selectedIndex].value;
       f.submit();
     return false; 
    }
    function changeViewMode(mode){
     var f=document.frmsearch;
       f.View.value = mode;
       f.submit();
     return false;
    }
    function changePage(page){
     var f=document.frmsearch;
       f.Page.value = page;
       f.submit();
     return false;
    }
    function changePageSize(pagesize){
     var f=document.frmsearch;
       f.Page.value = 1;
       f.PageSize.value = pagesize; 
       f.submit();
     return false;
    }

    function changeSortType(type){
     var f=document.frmsearch;
       f.Page.value = 1; 
       f.SortType.value = type;
       f.submit();
     return false;
    }
    function changeClassCode(code){
     var f=document.frmsearch;
       f.ClassCode.value = code;
       f.Page.value=1;
       f.submit();
     return false;
    }
    function high(which2){
     theobject=which2;
     highlighting=setInterval("highlightit(theobject)",40);
    }
    function low(which2){
     clearInterval(highlighting);
     which2.filters.alpha.opacity=40;
    }
    function highlightit(cur2){
     if (cur2.filters.alpha.opacity<100)
      cur2.filters.alpha.opacity+=5
     else if (window.highlighting)
      clearInterval(highlighting)
    }

    function delightit(cur2){
     if (cur2.filters.alpha.opacity>5)
      cur2.filters.alpha.opacity-=5;
     else if (window.highlighting)
       clearInterval(highlighting);
    }

    </script>
    <div id="popImageLayer" align="center" name="popImageLayer" style="position:absolute; visibility: hidden; 180; height: 180;cursor: hand;border-style:solid;border-1pt; border-color:orange" calss=""></div>

    <center>
    <br /><br /><br />
    <img src="照片-0034.jpg" onMouseOver="popImage(this,'照片-0034.jpg','http://wangfenglitai.mall.dangdang.com/products/G00000072867.html');" border=0></a>

    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <img src="照片-0034.jpg" onMouseOver="popImage(this,'照片-0034.jpg','http://wangfenglitai.mall.dangdang.com/products/G00000072867.html');" border=0></a>


    </center>

  • 相关阅读:
    正则如何匹配div下的所有<li>标签?
    日历
    生成一定数量的不重复随机数
    PHP微信红包的算法实现探讨
    Flask 快速使用 —— (1)
    Django rest framework(8)---- 视图和渲染器
    Django 组件之 ----- content-type
    Django rest framework(7)----分页
    Django rest framework(6)----序列化(2)
    Django rest framework(5)----解析器
  • 原文地址:https://www.cnblogs.com/weichuo/p/1515348.html
Copyright © 2011-2022 走看看