jquery Banner 图片自动轮换显示
2010-11-30 15:47
183 查看
代码.banner_style{
width:800px;
height:250px;
position:relative;
padding:0px; border:0px;
}
.banner_bottom{
width:100%;
text-align:right;
bottom:0px;
position:absolute;
height:90px;
line-height:90px;
vertical-align:middle;
overflow:hidden;
display:table-cell;
background-image:url(banner_bg.png)
}
.imgblock{
float:right;
width:100px;
height:60px;
margin-top:12px;
margin-right:5px;
border:2px solid #FFF;
display:inline-block;
cursor:pointer;
}
banner_bg.png 是个透明的背景图片
width:800px;
height:250px;
position:relative;
padding:0px; border:0px;
}
.banner_bottom{
width:100%;
text-align:right;
bottom:0px;
position:absolute;
height:90px;
line-height:90px;
vertical-align:middle;
overflow:hidden;
display:table-cell;
background-image:url(banner_bg.png)
}
.imgblock{
float:right;
width:100px;
height:60px;
margin-top:12px;
margin-right:5px;
border:2px solid #FFF;
display:inline-block;
cursor:pointer;
}
banner_bg.png 是个透明的背景图片
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- jquery 实现横向滑动自动切换源码（同时显示多张图片）
- Jquery特效一:图片轮换显示
- Jquery+ashx当把鼠标放到每篇文章时，自动显示该文章的缩略内容( 图片)的异步加载方法
- 一、图片轮换手动和自动显示
- jquery左右滚动焦点图banner图片鼠标经过显示上下页按钮
- 【控件】banner图片自动轮换—从服务端请求图片,动态改变图片个数
- jquery后台登录页面背景图片自动轮换登录界面代码
- 当输入框获得焦点时，自动显示验证图片（jQuery）
- jquery左右滚动焦点图banner图片,鼠标经过显示上下页
- jquery左右滚动焦点图banner图片鼠标经过显示上下页按钮
- jquery实现图片自动轮换效果(兼容IE6,IE7)
- Jquery中使用show()与hide()方法动画显示和隐藏图片
- 使用jQuery实现鼠标悬浮图片轮换效果
- jquery小图片左右滚动点击小图切换显示大图
- Jquery 实现图片轮换
- jquery预览图片实现鼠标放上去显示实际大小
- 30款jQuery常用网页焦点图banner图片切换
- 如何在ASP.NET页面中自动生成并显示透明的GIF图片
- Jquery一款非好的图片轮换效果
- jQuery中fadeIn、fadeOut、fadeTo的使用方法(图片显示与隐藏)