.moild { width:100%; height:auto; } .moild ul { width:100%; height:auto; list-style:none; text-align:center; } .moild ul li { width:300px; height:auto; display:inline-block; *display:inline; zoom:1; } .moild ul li .IMG { width:100%; height:200px;overflow: hidden;float:left; } .moild ul li .IMG img {max-width:100%;} .moild ul li .ghub { width:100%; height:auto; line-height:20px; color:#000; font-size:18px; } .moild ul li .jimu { width:70%; height:40px; line-height:40px; color:#000; font-size:18px; display:inline-block; background:red; color:#fff; } #model { width:80px; position:fixed; z-index:9999; right:0; top:0; background:#3f3313; height:100%; } #model::before { clear:both; content:'.'; display:block; width:28px; height:35px; background:url(../img/befout.png); position:absolute; top:0; left:0; } #model::after { clear:both; content:'.'; display:block; width:28px; height:35px; background:url(../img/beatf.png); position:absolute; bottom:0; left:0; } .hezi { width:50px; height:50px; background:#000000; border-radius:100%; position:absolute; top:50%; margin-top:-25px; left:-50%; margin-left:10px; text-align:center; line-height:50px; font-size:16px; color:#fff; }
点击 按钮触发效果 如要点击图片触发 只要将$('.jimu')改为你要点击的那个模块类名即可