js、jquery图片动画、动态切换示例代码
2014-06-03 11:26
771 查看
<style type="text/css">
#banner
{
padding: 5px;
position: relative;
width: 968px;
height: 293px; /*border: 1px solid #666;*/
overflow: hidden;
font-size: 16px;
}
#banner_list img
{
border: 0px;
}
#banner_bg
{
margin-bottom: 5px;
position: absolute;
bottom: 0;
background-color: #000;
height: 30px;
filter: Alpha(Opacity=30);
opacity: 0.3;
z-index: 1000;
cursor: pointer;
width: 968px;
}
#banner_info
{
position: absolute;
bottom: 4px;
left: 0px;
height: 22px;
color: #fff;
z-index: 1001;
cursor: pointer;
}
#banner_text
{
position: absolute;
width: 120px;
z-index: 1002;
right: 3px;
bottom: 3px;
}
#banner ul
{
position: absolute;
list-style-type: none;
filter: Alpha(Opacity=80);
opacity: 0.8;
z-index: 1002;
margin: 0;
padding: 0;
bottom: 10px;
right: 5px;
height: 20px;
}
#banner ul li
{
padding: 0 8px;
line-height: 18px;
float: left;
display: block;
color: #FFF;
border: #e5eaff 1px solid;
background-color: #6f4f67;
cursor: pointer;
margin: 0;
font-size: 16px;
}
#banner_list a
{
/* position: absolute;*/
width: 968px;
height: 293px;
margin: 0px;
padding: 0px;
}
#banner_list
{
margin: 0px;
padding: 0px;
width: 968px;
height: 293px;
border: #e7e7e7 1px solid;
}
</style>
相关文章推荐
- js、jquery图片动画、动态切换示例代码
- js、jquery图片动画,图片动态切换
- jQuery插件ImageDrawer.js实现动态绘制图片动画(附源码下载)
- Jquery 切换不同图片示例代码
- jQuery插件ImageDrawer.js实现动态绘制图片动画(附源码下载)
- jQuery图片切换插件jquery.cycle.js使用示例
- 史上最全的CSS hack方式一览 jQuery 图片轮播的代码分离 JQuery中的动画 C#中Trim()、TrimStart()、TrimEnd()的用法 marquee 标签的使用详情 js鼠标事件 js添加遮罩层 页面上通过地址栏传值时出现乱码的两种解决方法 ref和out的区别在c#中 总结
- Jquery 切换不同图片示例代码
- 多张图片切换效果js代码
- JS图片切换,支持自定义,基于JQuery
- js图片幻灯片模式切换代码
- 纯js图片切换幻灯片代码
- jQuery实现图片与文本信息切换动画效果
- 一段非常简单的让图片自动切换js代码
- 图片的左右移动,js动画效果实现代码
- 一段非常简单的让图片自动切换js代码
- 新闻图片切换代码(纯js,no flash)
- 各大门户网站Flash和JS实现的图片幻灯片切换特效代码文件下载:
- 图片的左右移动,js动画效果实现代码