利用css3制作鼠標滑過欄目動畫特效



60 237 80



特效描述:利用css3制作鼠標滑過欄目動畫特效,利用css3制作鼠標滑過欄目動畫特效

代碼結構

1. 引入CSS

<link type="text/css" href="css/css.css" rel="stylesheet">

2. HTML代碼

<br>
<div class="kePublic">
<div class="shortcut">
<a href="http://www.vxisgr.tw/" target="_blank">
 <img class="img" src="images/1383541695.jpg" alt="" height="270" width="230">
 <img class="imgH" src="images/1383536964.jpg" alt="" height="270" width="230">
 <span>想知道我們都有什么服務?<br>這里有您要的答案!</span>
</a>
<a href="http://www.vxisgr.tw/" target="_blank">
  <img class="img" src="images/1383536386.jpg" alt="" height="270" width="230">
  <img class="imgH" src="images/1383534389.jpg" alt="" height="270" width="230">
  <span>您想要了解資海嗎?<br>讓我帶您了解我們的優勢!</span>
</a>
<a href="http://www.vxisgr.tw/" target="_blank">
  <img class="img" src="images/1383540866.jpg" alt="" height="270" width="230">
  <img class="imgH" src="images/1383532486.jpg" alt="" height="270" width="230">
  <span>給您一個驚喜,帶您進入我們的世界!<br>終有一個是您想要的!</span>
</a>
<a href="http://www.vxisgr.tw/" target="_blank">
  <img class="img" src="images/1383541808.jpg" alt="" height="270" width="230">
  <img class="imgH" src="images/1383539327.jpg" alt="" height="270" width="230">
  <span>走進我們的世界<br>我們為您提供最專業、最優質的服務!</span>
</a>
</div>
</div>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 滑動 滑塊 滑動門 觸屏滑動 滑動插件 滑塊插件 疊加浮動層 滑動星星打分 層疊疊加 疊加層疊 層疊 疊加 加載更多 其他 圖片疊加 圖片層疊 圖片滑動 圖片滑塊 鼠標滑過 鼠標懸停 跟隨鼠標移動
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

湖北30选5开奖结果走势图表