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{ w...全部
本文实例讲述了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程序设计有所帮助。
收起