jquery实现的感应鼠标悬停图片色彩渐显效果

jquery实现的感应鼠标悬停图片色彩渐显效果

ID:30504957

大小:16.37 KB

页数:5页

时间:2018-12-30

jquery实现的感应鼠标悬停图片色彩渐显效果_第1页
jquery实现的感应鼠标悬停图片色彩渐显效果_第2页
jquery实现的感应鼠标悬停图片色彩渐显效果_第3页
jquery实现的感应鼠标悬停图片色彩渐显效果_第4页
jquery实现的感应鼠标悬停图片色彩渐显效果_第5页
资源描述:

《jquery实现的感应鼠标悬停图片色彩渐显效果》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库

1、我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解jQuery实现的感应鼠标悬停图片色彩渐显效果  这篇文章主要介绍了jQuery实现的感应鼠标悬停图片色彩渐显效果,涉及jQuery中hover、find、css等方法的使用技巧,需要的朋友可以参考下  本文实例讲述了jQuery实现的感应鼠标悬停图片色彩渐显效果。分享给大家供大家参考。具体实现方法如下:  代码如下:        超个性的感应鼠标悬停图片色彩渐显效果   

2、 与之间-->    ul.gallery{  width:750px;/*--Adjustwidthaccordingtoyourscenario--*/  list-style:none;  margin:0;padding:0;  }  ul.galleryli{对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知

3、识有了进一步的了解  float:left;  margin:10px010px25px;  padding:0;  text-align:center;  border:1pxsolid#ccc;  -moz-border-radius:3px;/*--CSS3RoundedCorners--*/  -khtml-border-radius:3px;/*--CSS3RoundedCorners--*/  -webkit-border-radius:3px;/*--CSS3RoundedCorners--*/  

4、display:inline;/*--GimpFixakaIE6Fix-Fixesdoublemarginbug--*/  }  ul.gallerylia.thumb{  width:336px;/*--Widthofimage--*/  height:240px;/*--Heightofimage--*/  border-bottom:1pxsolid#ccc;  cursor:pointer;  }  ul.gallerylispan{/*--Usedtocropimage--*/  width:336px

5、;对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解  height:240px;  overflow:hidden;  display:block;  }  ul.gallerylia.thumb:hover{  background:#333;/*--Hovereffectforbrowserwi

6、thjsturnedoff--*/  }  ul.gallerylih2{  font-weight:normal;  margin:0;  padding:10px;  background:#f0f0f0;  border-top:1pxsolid#fff;/*--Subtlebeveleffect--*/  }  ul.gallerylia{  text-decoration:none;  color:#777;  display:block;  font-size:140%;  }对党的认识也有了进一步的

7、提高。才真正体会到了中国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解        $(document).ready(function(){  $("ul.galleryli").hover(function(){//Onhover...  varthumbOver=$(this).find("img").attr("src");//Get

8、imageurlandassignitto'thumbOver'  //Setabackgroundimage(thumbOver)onthetag-Setpositiontobottom  $(this).find("a.thumb").css({'background':'url('+thumbOver+')no-repeatcenterbottom'});  //A

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。