jquery简单实现图片切换效果的方法
本文实例讲述了jquery简单实现图片切换效果的方法。分享给大家供大家参考。具体实现方法如下:
无标题文档 #slider{ position:relative; overflow:hidden; margin:20px auto; height:240px; width:740px; padding:5px; border:2px solid #cdcdcd; } #show{ position:relative; height:240px; width:740px; } #show 。
img{ width:740px; height:240px; margin-bottom:5px; } #num{ position:absolute; right:5px; top:220px; } #num span{ float:left; display:block; text-align:center; width:20px; height:20px; line-height:20px; margin:2px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:blod; background:#f2f2f2; border:1px solid #D78918; color:#D78918; } #num 。
current{ color: #fff; width:21px; height:21px; line-height:21px; font-size: 16px; border:0px; margin:0px 1px; background-color: #FF7300; } 1 2 3 4 5
希望本文所述对大家的jQuery程序设计有所帮助。
答:图片自动换页? 像幻灯片一样?或者淘宝画报? 最通用的方法,制作gif动画.... html下,最简单的使用网页跳转... 10秒自动跳转,您最好还是跳转网页...详情>>