求高手帮忙!!

tjlywhg 2016-06-16 10:51:52
banner随着屏幕变化自动加载图片,aa1~3是小圆点,boxs1~3是手机banner图,boxs4~6是PC-banner图,需要resize和if配合,结果resize事件OK,if毫无反应
$(document).ready(function(){
$(".banner_aa1").click(function(){
$(document).resize(function(){
if ($(document.body).width() <=1000) {
$(".banner_boxs1").css("display","block");
$(".banner_boxs1").siblings().css("display","none");
}
else {
$(".banner_boxs4").css("display","block");
$(".banner_boxs4").siblings().css("display","none");
}
})
})
$(".banner_aa2").click(function(){
$(document).resize(function(){
if ($(document.body).width() <=1000) {
$(".banner_boxs2").css("display","block");
$(".banner_boxs2").siblings().css("display","none");
}
if ($(document.body).width() >=1000) {
$(".banner_boxs5").css("display","block");
$(".banner_boxs5").siblings().css("display","none");
}
})
})
$(".banner_aa3").click(function(){
$(document).resize(function(){
if ($(document.body).width() <=1000) {
$(".banner_boxs3").css("display","block");
$(".banner_boxs3").siblings().css("display","none");
}
if ($(document.body).width() >=1000) {
$(".banner_boxs6").css("display","block");
$(".banner_boxs6").siblings().css("display","none");
}
})
})
})
...全文
73 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

87,901

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧