谁能给我图片轮播html代码,谢谢
不知你要那一种:手里有个爱国知识网图片轮播,不知适不适合你使用。 调用脚本: ? html代码: ? ? ? ? ? 祖国在我心中演讲稿集合 ? ? 南海最新动态 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? CSS代码: /*轮播*/。 banner{width:355px;height:220px;overflow:hidden;position:relative;margin-top:10px;}。banner ul。bannerBg{width:500%;height:220px;pos...全部
不知你要那一种:手里有个爱国知识网图片轮播,不知适不适合你使用。 调用脚本: ? html代码: ? ? ? ? ? 祖国在我心中演讲稿集合 ? ? 南海最新动态 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? CSS代码: /*轮播*/。
banner{width:355px;height:220px;overflow:hidden;position:relative;margin-top:10px;}。banner ul。bannerBg{width:500%;height:220px;position:relative;top:0px; left:0%;z-index:1;}。
bannerBg li{width:355px;height:220px;float:left; position:relative}。bannerBg li img{width:355px;height:220px; position:absolute;z-index:1}。
bannerBg li p{position:absolute;z-index:2;width:250px;bottom:0;left:0;background:url(。。/。。/images/agx/dot。
png) repeat-x 0 -149px;padding:0 95px 0 10px;}。bannerBg li p a{color:#fff;font:600 14px/30px "宋体";}。
bannerBg li p a:hover{color:#f50}。bannerCont{position:absolute;bottom:10px;right:10px;width:125px;height:5px;z-index:9;}。
bannerCont a{float:left;width:20px;margin-right:5px;background:#fff;height:5px;}。
bannerCont em{position:absolute;background:#38ae03;width:20px;height:5px;left:0%;top:0px;} 灵活使用,希望能帮助到你。收起