文件名称：jQuery响应式聊天窗口界面特效.zip
文件大小：160KB
文件格式：ZIP
更新时间：2022-07-31 04:18:19
js特效-jQuery响应式聊天窗口界面特效
jQuery响应式聊天窗口界面特效是一款支持响应式布局，支持用户分组，聊天窗口支持图片上传和表情发布。 screenFuc(); function screenFuc() { var topHeight = $(".chatBox-head").innerHeight();//聊天头部高度 //屏幕小于768px时候,布局change var winWidth = $(window).innerWidth(); if (winWidth <= 768) { var totalHeight = $(window).height(); //页面整体高度 $(".chatBox-info").css("height", totalHeight - topHeight); var infoHeight = $(".chatBox-info").innerHeight();//聊天头部以下高度 //中间内容高度 $(".chatBox-content").css("height", infoHeight - 46); $(".chatBox-content-demo").css("height", infoHeight - 46); $(".chatBox-list").css("height", totalHeight - topHeight); $(".chatBox-kuang").css("height", totalHeight - topHeight); $(".div-textarea").css("width", winWidth - 106); } else { $(".chatBox-info").css("height", 495); $(".chatBox-content").css("height", 448); $(".chatBox-content-demo").css("height", 448); $(".chatBox-list").css("height", 495); $(".chatBox-kuang").css("height", 495); $(".div-textarea").css("width", 260); } }
【文件预览】：
jQuery响应式聊天窗口界面特效
----css()
--------chat.css(10KB)
----php中文网下载站.url(114B)
----img()
--------icon01.png(4KB)
--------icon03.png(4KB)
--------1.png(11KB)
--------bqxtb01.png(42KB)
--------icon02.png(4KB)
----index.html(18KB)
----js()
--------jquery.min.js(84KB)
----php中文网免费下载站.txt(219B)
----font_Icon()
--------iconfont.eot(22KB)
--------iconfont.ttf(21KB)
--------iconfont.woff(14KB)
--------iconfont.css(23KB)