本文实例为大家分享了jQuery图片轮播效果,很个性,具体内容如下
思路说明:
两个区域:
最外层容器区域,如上图红色线框矩形
选项卡区域
鼠标悬浮或鼠标划入mouSEOver
鼠标离开mouseleave
<Meta charset="UTF-8">
jQuery个性化<a href="/tag/tupian/" target="_blank" class="keywords">图片</a>轮播<a href="/tag/xiaoguo/" target="_blank" class="keywords">效果</a>
jnImageroll div a{
width: 79px;
background: #444444;
float: left;
display: inline-block;
margin-right: 1px;
text-align: center;
padding: 5px 15px;
text-decoration: none;
color: #FFFFFF;
font: 14px/1.5 tahoma,arial;
}
jnImageroll div a em{
display: block;/将行内元素变成块级元素/
height: 19px;
overflow: hidden;
}
jnImageroll a.chos {
background: #37A7D7;
color: #FFFFFF;
}