87,907
社区成员
发帖
与我相关
我的任务
分享
<ul class="imgCon" id="slider">
<!--展示图片开始-->
<li><a href="#" target="_blank"> <img width="100%" height="200" src="/images/1.png" /></a>
<div class="imgTitle"><a href="#" target="_blank">第1张图片标题显示在这里</a></div>
<div class="showPage"></div>
</li>
<li><a href="#" target="_blank"> <img width="100%" height="200" src="/images/1.png" /></a>
<div class="imgTitle"><a href="#" target="_blank">第2张图片标题显示在这里</a></div>
<div class="showPage"></div>
</li>
<li><a href="#" target="_blank"> <img width="100%" height="200" src="/images/1.png" /></a>
<div class="imgTitle"><a href="#" target="_blank">第3张图片标题显示在这里</a></div>
<div class="showPage"></div>
</li>
<li><a href="#" target="_blank"> <img width="100%" height="200" src="/images/1.png" /></a>
<div class="imgTitle"><a href="#" target="_blank">第4张图片标题显示在这里</a></div>
<div class="showPage"></div>
</li>
<!--展示图片结束-->
</ul>
var w = document.body.clientWidth;
document.getElementById("foucsBox").style.width = w+"px";
document.getElementById("slider").getElementsByTagName("li").style.width = w+"px";
document.getElementByClassName("imgTitle").style.width = w+"px";
document.getElementById("foucs").style.width = w+"px";
var o=document.getElementById("slider").getElementsByTagName("li");
for(var i=0;i<o.length;i++)
o[i].style.width = w+"px";
var o=document.getElementsByClassName("imgTitle");
for(var i=0;i<o.length;i++)
o[i].style.width = w+"px";