jQuery圖片滑動門切換鼠標放到圖片上滑出提示文字



129 514 172



特效描述:圖片滑動切換 鼠標放到圖片 滑出提示文字,jquery實現圖片懸停提示效果,可上下滑動顯示的圖片描述信息,基于jQuery實現的圖片提示效果 鼠標放在圖片上滑出提示文字,同時圖片會向上滑動,文字提示信息漸出。

代碼結構

1. 引入JS

<script type="text/javascript" src="jquery-1.6.2.min.js"></script>

2. HTML代碼

<div class="main">
	<div class="holder notactive">
		<img class="image" src="images/4237135170_61a9938781.jpg" height=""/>
		<span>Image One</span>
		<div class="text">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,</div>
	</div>
	<div class="holder notactive">
		<img class="image" src="images/4166210326_06d91ce72a.jpg"/>
		<span>Image Two</span>
		<div class="text">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,</div>
	</div>
	<div class="holder notactive">
		<img class="image" src="images/4060303038_a630262185.jpg"/>
		<span>Image Three</span>
		<div class="text">Lorem Ipsum is simply <a href="http://www.17sucai.com/">www.17sucai.com</a> dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,</div>
	</div>
</div>



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


熱門標簽: 滑動 滑塊 滑動門 觸屏滑動 滑動插件 滑塊插件 flash焦點圖 flash幻燈片 flashbanner flash圖片輪播 焦點圖 幻燈片 輪播圖 bar焦點圖 帶簡介的焦點圖 圖片滑動 圖片滑塊
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

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

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

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