jb51站长推荐的用js实现的多浏览器支持的图片轮换展示效果ie,firefox

jb51站长推荐的用js实现的多浏览器支持的图片轮换展示效果在ie,firefox和测试一切正常,建议以后大家都要用这样的兼容性比较好的代码
body {margin:0 auto; padding:0; text-align:center } .box400 {margin:0 auto;padding:0;width:400px} #f_menu { MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 400px; HEIGHT: 20px } #f_menu A { DISPLAY: block; BACKGROUND: #393939; FLOAT: left; OVERFLOW: hidden; COLOR: #fff; LINE-HEIGHT: 20px; MARGIN-RIGHT: 1px; BORDER-BOTTOM: #fff 1px solid; HEIGHT: 20px; TEXT-ALIGN: center } #f_menu A:hover { BACKGROUND: #ff8500 } #f_menu A.on { BACKGROUND: #ff8500 } #f_div { MARGIN: 0px auto; 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_buttonDiv DIV { BACKGROUND: #fff; FLOAT: right; WIDTH: 1px; HEIGHT: 14px } #f_buttonDiv .bg { BACKGROUND: #fff; FILTER: Alpha(Opacity=40); FLOAT: right; WIDTH: 14px; HEIGHT: 14px } #f_buttonDiv A { 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_buttonDiv A:link { COLOR: #000 } #f_buttonDiv A:visited { COLOR: #000 } #f_buttonDiv A:active { COLOR: #000 } #f_buttonDiv A:hover { BACKGROUND: #ff840c; COLOR: #fff } #f_buttonDiv A.on:link { BACKGROUND: #ff840c; COLOR: #fff } #f_buttonDiv A.on:visited { BACKGROUND: #ff840c; COLOR: #fff } #f_buttonDiv A.on:active { BACKGROUND: #ff840c; COLOR: #fff } #f_buttonDiv A.on:hover { BACKGROUND: #ff840c; COLOR: #fff } #f_buttonDiv A.on:hover { BACKGROUND: #ff6600 } #f_text { OVERFLOW: hidden; LINE-HEIGHT: 26px; HEIGHT: 26px; TEXT-ALIGN: center } #f_text A:link { COLOR: #000; TEXT-DECORATION: none } #f_text A:visited { COLOR: #000; TEXT-DECORATION: none } #f_text A:active { COLOR: #000; TEXT-DECORATION: none } #f_text A:hover { COLOR: #ff6600; TEXT-DECORATION: none } <SPAN class="" id="f_now"></SPAN> <!--图片区域--> <!--数字按钮区域--> <TABLE cellSpacing="1" cellPadding="0" width="100%" bgColor="#ffffff" border="0"> <TBODY> <TR> <TD align="middle" bgColor="#efefef"><!--焦点文字区域--> </TD></TR> </TBODY></TABLE>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]您可能感兴趣的文章:

• 简单的js图片轮换代码(js图片轮播)
• js实现图片轮换效果代码
• 封装了一个js图片轮换效果的函数
• javascript 图片轮换显示效果代码
• 漂亮的js tab图片轮换效果代码(可自定义的幻灯片和图片缓冲切换)
• js 新浪的一个图片播放图片轮换效果代码
• 动感超强的JS图片轮换特效
• 多浏览器兼容的qq图片轮换效果javascript代码
• 用javascript实现的仿Flash广告图片轮换效果
• 完美的js图片轮换效果

• jb51站长推荐的用js实现的图片轮换展示效果

相关文章

• 一个不错的给图片添加说明文字的动态层的实现代码

  一个不错的给图片添加说明文字的动态层的实现代码，需要的朋友可以参考下 2013-04-04

• 多图幻灯Wipe擦洗效果

  多图幻灯Wipe擦洗效果... 2006-12-12

• 超级简单的图片防盗(HTML),好用

  超级简单的图片防盗(HTML),好用... 2007-04-04

• 利用javascript解决图片缩放及其优化的代码

  说起IE6，真是让我们这些做前端的人又恨又无奈，许多属性都不支持。可不少用户还在用它，我们也不能无视。为了兼容，我只好跟同事请教了一下，然后针对IE6用js缩放来显示图片并进行了一些细节上的优化 2012-05-05

• TFDN图片播放器 不错自动播放

  TFDN图片播放器 不错自动播放... 2006-10-10

• 图片分页查看

  图片分页查看... 2006-08-08

• JavaScript 图片放大效果及代码说明

  JavaScript 图片放大效果及代码说明 ,想要学习的朋友可以参考下。 2009-10-10

• javascript 随意拖动的小方块特效

  可以拖动的小方块代码 2008-11-11

• 动感超强的JS图片轮换特效

  非常不错的js图片轮换效果代码，像栅栏一样结合起来，然后显示完整图片，代码相对也不错 2008-06-06

• js 实用的无间断滚动图效果(良好兼容性)

  网上有不少图片滚动的效果代码，但大多兼容性不好，或者结构混乱，xhtml，css，js 均没有得到良好的优化。 2010-06-06

最新评论

大家感兴趣的内容

• 1js 图片轮播(5张图片)
• 2最简单的js图片切换效果实现代码
• 3js放大镜放大图片效果
• 4一段非常简单的让图片自动切换js
• 5js 新浪的一个图片播放图片轮换效
• 6JS实现鼠标移动到缩略图显示大图
• 7简单的实现点击箭头图片切换的js
• 8javascript动态改变img的src属性
• 9点图片上一页下一页翻页效果
• 10css图片自适应大小

最近更新的内容

• JavaScript国旗变换效果代码
• 用javascript实现旋转图片效果的代码
• TFDN图片播放器 不错自动播放
• cloudgamer出品ImageZoom 图片放大效果
• javascript 不间断的图片滚动并可点击
• JavaScript 控制图片改变重叠顺序的代码(
• css图片自适应大小
• 一个不错的给图片添加说明文字的动态层的
• 图片的左右移动，js动画效果实现代码
• 纯js无flash仿搜狐女人频道FLASH图片切换

常用在线小工具

微信投稿脚本任务在线工具

关注微信公众号

关于我们 - 广告合作 - 联系我们 - 免责声明 - 网站地图 - 投诉建议 - 在线投稿

©CopyRight 2006-2021 JB51.Net Inc All Rights Reserved. 本站 版权所有

以上就是jb51站长推荐的用js实现的多浏览器支持的图片轮换展示效果ie,firefox的详细内容，更多请关注本站其它相关文章！