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

站长资源 2024/11/20 佚名

65 1538 65

相思资源网 Design By www.200059.com

jb51站长推荐的用js实现的多浏览器支持的图片轮换展示效果在ie,firefox和测试一切正常,建议以后大家都要用这样的兼容性比较好的代码

<html> <head> <STYLE type=text/css> 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 } </STYLE>  </head> <body>                                   </body></html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

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

标签：

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

相思资源网 Design By www.200059.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

相思资源网 Design By www.200059.com

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

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

www.200059.com 相思资源网

139,976影音资源

144,792福利资源

21,817软件资源

631,128技术资源

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

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

用js实现的十进制的颜色值转换成十六进制的代码

用ajax实现的自动投票的代码

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

友情链接