javascript
  • jquery
  • 2009-06-24 95 views 0 likes 
    0

    内图像我想要得到它,所以当在DIV移动鼠标在消失内部衰落一个div

    function clickimage($imageid){    
    $("#image_"+imageid).hover(function(){ 
    $(this).fadeTo("slow", 1.0); 
    },function(){   
    $(this).fadeTo("slow", 0.6); 
    }); 
    } 
    
    <div id='images_$imageid'> 
    <a href='?tg=photos&photo=$imageid' onmouseover=\"javascript:clickimage('$imageid')\"> 
    <img src='users/$ptgid/images/$iimg' width='100' height='100'/> 
    </a> 
    </div> 
    
    +0

    有啥你的问题? – 2009-06-24 14:45:44

    回答

    1

    你想设置当文档加载,而不是每次鼠标悬停在图像的结合。另外,我想创建一个类,这样就可以在每个项目上

    $(document).ready(function() { 
        $(".image-hover-class").hover(function(){ 
         $(this).find('img').fadeTo("slow", 1.0); 
        },function(){   
         $(this).find('img').fadeTo("slow", 0.6); 
        }); 
    }); 
    

    对于链接初始化悬停,你会做这样的事情:

    <a class="image-hover-class" href="?tg=photos&photo=$imageid" \> 
        <img src='users/$ptgid/images/$iimg' width='100' height='100'/> 
    </a> 
    

    如果你想在做悬停在div,你可以这样做,而不是(但我建议做的<a>标签悬停):

    $(document).ready(function() { 
        $(".image-hover-class").hover(function(){ 
         $(this).find('a img').fadeTo("slow", 1.0); 
        },function(){   
         $(this).find('a img').fadeTo("slow", 0.6); 
        }); 
    }); 
    

    对于DIV,你会做这样的事情:

    <div class="image-hover-class"> 
        <a href="?tg=photos&photo=$imageid" \> 
         <img src='users/$ptgid/images/$iimg' width='100' height='100'/> 
        </a> 
    </div> 
    
    0

    我没有看到的图像元素id属性的图像。

    ,当你做到这一点

    $("#image_"+imageid) 
    

    其试图找到这个ID, 添加

    ID =图像_ “$图像标识。”到的img

    0

    这可以用css来完成。我这里写了一个教程:

    http://www.ozzu.com/html-tutorials/tutorial-creating-hover-effect-elements-using-css-t97597.html

    就包括你的原始图片和“褪色”的形象。

    相关问题