學(xué)會偷懶,并懶出境界是提高工作效率最有效的方法!
Ctrl + D 收藏我吧~
jQuery鼠標(biāo)懸停在圖片上效果,鼠標(biāo)懸停后出現(xiàn)遮罩效果,并淡入出現(xiàn)文字,兼容主流瀏覽器,懶人圖庫推薦下載!
使用方法:
1、head區(qū)域引用文件lrtk.css及js庫
<link rel="stylesheet" type="text/css" href="css/lrtk.css" media="all">
<script type="text/javascript" src="js/jquery.min.js"></script>
2、在文件中加入<!-- 代碼 開始 --><!-- 代碼 結(jié)束 -->區(qū)域代碼
3、具體微調(diào)請看代碼注釋
4、文字和跳轉(zhuǎn)鏈接在代碼中修改
<div class="banner">
<!-- 修改圖片 -->
<a href="http://www.cxj168.com/" target="_blank">
<img height="125" width="125" alt="Mail Chimp" src="images/seagaia_miyazaki.jpg" />
</a>
<!-- 修改文字 -->
<p class="companyInfo">圖片信息五</p>
<div class="cornerTL"></div>
<div class="cornerTR"></div>
<div class="cornerBL"></div>
<div class="cornerBR"></div>
</div>