Skip to content

Instantly share code, notes, and snippets.

@leadscloud
Created March 14, 2015 14:50
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save leadscloud/30f4c8775d3de71db265 to your computer and use it in GitHub Desktop.
Save leadscloud/30f4c8775d3de71db265 to your computer and use it in GitHub Desktop.
网页中大于100*100的图片,鼠标移动到图片上时显示小图标按钮。
// created by zhanglei http://www.love4026.org at 2011-2-23
var img=document.getElementsByTagName('img');function getElementsByClassName(strClassName){var arrElements=document.all?document.all:document.getElementsByTagName('*');var arrReturnElements=new Array();strClassName=strClassName.replace(/\-/g,"\\-");var oRegExp=new RegExp("(^|\\s)"+strClassName+"(\\s|$)");for(var i=0;i<arrElements.length;i++){if(oRegExp.test(arrElements[i].className)){arrReturnElements.push(arrElements[i]);}}return(arrReturnElements)}function getFloat(el){if(!window.getComputedStyle||!document.defaultView){if(el.getAttribute('align')=='left'||el.getAttribute('align')=='right')var y=el.getAttribute('align');else var y=el.currentStyle['styleFloat'];}else var y=document.defaultView.getComputedStyle(el,null).getPropertyValue('float');return y;}for(var i=0;i<img.length;i++){if(img[i].height>100&&img[i].width>100){var innerhtml=document.createElement('div');innerhtml.innerHTML='<span>Get a Quote</span>';innerhtml.className="imgHoverBtn";var wrapper=document.createElement('div');wrapper.appendChild(img[i].cloneNode(true));img[i].parentNode.replaceChild(wrapper,img[i]);img[i].parentNode.className="quotePic";img[i].parentNode.appendChild(innerhtml);var cssData="width:"+img[i].width+"px;height:"+img[i].height+"px;"+(getFloat(img[i])?("float:"+getFloat(img[i])):"");if("\v"!="v"){img[i].parentNode.setAttribute("style",cssData);}else{img[i].parentNode.style.setAttribute('cssText',cssData);}}}var elem=getElementsByClassName('quotePic');var imgElem=getElementsByClassName('imgHoverBtn');for(var i=0;i<elem.length;i++){var elemClass=elem[i].className;elem[i].onmouseover=function(){this.className+=" hover";};elem[i].onmouseout=function(){this.className=elemClass;};imgElem[i].onclick=function(){openZoosUrl('chatwin');};}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment