jb51站长推荐的用js实现的多浏览器支持的图片轮换展示效果ie,firefox
2023-06-13 09:13:54 时间
jb51站长推荐的用js实现的多浏览器支持的图片轮换展示效果在ie,firefox和测试一切正常,建议以后大家都要用这样的兼容性比较好的代码
body{margin:0auto;padding:0;text-align:center}
.box400{margin:0auto;padding:0;width:400px}
#f_menu{
MARGIN:0pxauto;OVERFLOW:hidden;WIDTH:400px;HEIGHT:20px
}
#f_menuA{
DISPLAY:block;BACKGROUND:#393939;FLOAT:left;OVERFLOW:hidden;COLOR:#fff;LINE-HEIGHT:20px;MARGIN-RIGHT:1px;BORDER-BOTTOM:#fff1pxsolid;HEIGHT:20px;TEXT-ALIGN:center
}
#f_menuA:hover{
BACKGROUND:#ff8500
}
#f_menuA.on{
BACKGROUND:#ff8500
}
#f_div{
MARGIN:0pxauto;OVERFLOW:hidden;WIDTH:400px;HEIGHT:200px
}
#f_adDiv{
OVERFLOW:hidden;WIDTH:100%;HEIGHT:25px
}
#f_imgDiv{
OVERFLOW:hidden;WIDTH:100%;HEIGHT:200px
}
#f_img{
BORDER-RIGHT:0px;BORDER-TOP:0px;FILTER:progid:DXImageTransform.Microsoft.Fade(Overlap=1.00);BORDER-LEFT:0px;BORDER-BOTTOM:0px
}
#f_infoDiv{
WIDTH:100%;POSITION:relative;TOP:-14px
}
#f_buttonDiv{
OVERFLOW:hidden;WIDTH:100%;MARGIN-RIGHT:1px;HEIGHT:14px;TEXT-ALIGN:left
}
#f_line{
BACKGROUND:#fff;FILTER:progid:DXImageTransform.Microsoft.Alpha(startX=0,startY=0,finishX=50,finishY=100,style=1,opacity=0,finishOpacity=100);MARGIN-LEFT:270px;OVERFLOW:hidden;WIDTH:130px;HEIGHT:1px
}
#f_buttonDivDIV{
BACKGROUND:#fff;FLOAT:right;WIDTH:1px;HEIGHT:14px
}
#f_buttonDiv.bg{
BACKGROUND:#fff;FILTER:Alpha(Opacity=40);FLOAT:right;WIDTH:14px;HEIGHT:14px
}
#f_buttonDivA{
DISPLAY:block;FONT-SIZE:10px;FLOAT:right;OVERFLOW:hidden;WIDTH:14px;COLOR:#fff;PADDING-TOP:0px;FONT-FAMILY:Arial,Helvetica,sans-serif;POSITION:absolute;HEIGHT:14px;TEXT-ALIGN:center;TEXT-DECORATION:none
}
#f_buttonDivA:link{
COLOR:#000
}
#f_buttonDivA:visited{
COLOR:#000
}
#f_buttonDivA:active{
COLOR:#000
}
#f_buttonDivA:hover{
BACKGROUND:#ff840c;COLOR:#fff
}
#f_buttonDivA.on:link{
BACKGROUND:#ff840c;COLOR:#fff
}
#f_buttonDivA.on:visited{
BACKGROUND:#ff840c;COLOR:#fff
}
#f_buttonDivA.on:active{
BACKGROUND:#ff840c;COLOR:#fff
}
#f_buttonDivA.on:hover{
BACKGROUND:#ff840c;COLOR:#fff
}
#f_buttonDivA.on:hover{
BACKGROUND:#ff6600
}
#f_text{
OVERFLOW:hidden;LINE-HEIGHT:26px;HEIGHT:26px;TEXT-ALIGN:center
}
#f_textA:link{
COLOR:#000;TEXT-DECORATION:none
}
#f_textA:visited{
COLOR:#000;TEXT-DECORATION:none
}
#f_textA:active{
COLOR:#000;TEXT-DECORATION:none
}
#f_textA:hover{
COLOR:#ff6600;TEXT-DECORATION:none
}
相关文章
- 用Three.js给NBA搭了一个“元宇宙”展会！探秘NBA SPACE~
- JS逆向之浏览器补环境详解
- 【JS 逆向百例】猿人学系列 web 比赛第二题：js 混淆 - 动态 cookie，详细剖析
- get两个js小技能——JS截取视频第一帧&图片转Base64
- js检测浏览器版本方法详解编程语言
- 使用JS连接MySQL数据库：实现化繁为简（js连接mysql数据库）
- 利用 JS 实现 Redis 的连接（js连接redis）
- 使用JS技术实现Oracle数据库链接（js 链接 oracle）
- JS实时链接Oracle让数据库访问更便捷（js实时连接oracle）
- 总结AJAX相关JS代码片段和浏览器模型
- 用js实现终止浏览器对页面HTML的继续解析即停止解析兼容firefox
- IE浏览器兼容Firefox的JS脚本的代码
- js禁用浏览器的后退功能的简单方法
- 用js实现的检测浏览器和系统的函数
- JS获取浏览器版本及名称实现函数
- 使用js检测浏览器的实现代码
- js实现鼠标拖动图片并兼容IE/FF火狐/谷歌等主流浏览器
- IE、FF、Chrome浏览器中的JS差异介绍
- JS+flash实现chrome和ie浏览器下同时可以复制粘贴
- js跨浏览器实现将字符串转化为xml对象的方法
- js实现浏览器的各种菜单命令比如打印、查看源文件等等
- js设置cookie过期及清除浏览器对应名称的cookie
- JS打印界面的CSS居中代码适用所有浏览器
- js调用浏览器打印模块实现点击按钮触发自定义函数
- js判断浏览器类型为ie6时不执行
- js代码实现的加入收藏效果并兼容主流浏览器
- JS打开新窗口防止被浏览器阻止的方法
- 一段非常简单的js判断浏览器的内核