久久国产成人av_抖音国产毛片_a片网站免费观看_A片无码播放手机在线观看,色五月在线观看,亚洲精品m在线观看,女人自慰的免费网址,悠悠在线观看精品视频,一级日本片免费的,亚洲精品久,国产精品成人久久久久久久

分享

如何用JS實(shí)現(xiàn)鼠標(biāo)移動(dòng)到圖片實(shí)現(xiàn)放大功能

 一只小菜鳥(niǎo)丿 2017-11-21
JS:
$(function(){ 
var size=6.0*$(".images").width(); //放大6倍
$(".images").mouseover(function(event) { 
var $target=$(event.target); 
if($target.is('img')) { 
$("<img id='tip' src='"+$target.attr("src")+"'>").css({ 
"height":size, 
"width":size, 
}).appendTo($("#imgtest"));
}).mouseout(function() { 
$("#tip").remove();/*移除元素*/
}) 
}) 
CSS:
<style type="text/css">
  #imgtest{position:absolute;
         top:100px; 
         left:400px; 
         z-index:1; } 
  table{left:100px; 
         font-size:20px; }
</style>
bodyDIV:
<div id="imgtest"></div>
<td><img class="images" alt="" src="${data.filePath}" style="width:60px;height:30px;"  /></td>//如果是在循環(huán)里不能用id id是唯一的  可以用class或者name

    本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間,,所有內(nèi)容均由用戶發(fā)布,,不代表本站觀點(diǎn),。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購(gòu)買等信息,,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊一鍵舉報(bào),。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評(píng)論

    發(fā)表

    請(qǐng)遵守用戶 評(píng)論公約

    類似文章 更多