jQuery图片滑动门切换鼠标放到图片上滑出提示文字



125 498 167



特效描述:图片滑动切换 鼠标放到图片 滑出提示文字,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

加群请备注:从官网了解到