aktueller Standort: Heim > Herunterladen > JS-Effekte > jQuery特效 > jQuery响应式聊天窗口界面特效
jQuery响应式聊天窗口界面特效
Klassifizieren: JS-Effekte / jQuery特效 | Veröffentlichkeitsdatum: 2018-03-02 | Besuche: 1906 |
Herunterladen: 74 |
Neueste Downloads
Fantasy-Aquarium
Girls Frontline
Flügel der Sterne
Kleine Blumenfee, Feenparadies
Restaurant Cute Story
Shanhe Reiseerkundung
Liebe und Produzent
Das stärkste Gehirn 3
Odd Dust: Damila
Junge Reise in den Westen 2
24 StundenBestenliste lesen
- 1 Dead Rising Deluxe Remaster: So machen Sie eine humorvolle Aufnahme im Wert von 1.000 PP für Kents Foto-Challenge
- 2 Objekte in JavaScript
- 3 Die besten kostenlosen APIs, die Sie kennen sollten
- 4 Node.js mit dem Cluster-Modul skalieren
- 5 Wie synchronisiere ich Ihre Kontakte mit Ihrem Telefon? CardDAV in Go! implementieren
- 6 Neue Werte und Funktionen in CSS
- 7 EchoAPI vs. Schlaflosigkeit: Ein umfassender Vergleich mit praktischen Beispielen
- 8 Dead Rising Deluxe Remaster-Verknüpfungsanleitung: So entsperren Sie die Verknüpfung „Wonderland“ und „Tunnels“.
- 9 Wir stellen das ultimative Upgrade für JDK Java Developer mit erweiterten KI-Verbesserungen vor
- 10 Dead Rising Deluxe Remaster: Alle Überlebenden und wo sie zu finden sind
- 11 Tipps zum Testen von Jobs in der Warteschlange in Laravel
- 12 Ripple-Associated Wallet bewegt 100 Millionen XRP im Rechtsstreit
- 13 Der Preis von Bitcoin (BTC) überschreitet 62.000 US-Dollar, da 88 % der HODLer auf Papiergewinnen sitzen
- 14 So beheben Sie, dass Tailwind-CSS in Next.js nicht funktioniert
- 15 Der Meme-Coin-Markt heizt sich auf, während sich Dogecoin (DOGE), Shiba Inu (SHIB) und Popcat (POPCAT) erholen
Neueste Tutorials
-
- 国外Web开发全栈课程全集
- 1352 2024-04-24
-
- Go语言实战之 GraphQL
- 1637 2024-04-19
-
- 550W粉丝大佬手把手从零学JavaScript
- 3054 2024-04-18
-
- python大神Mosh,零基础小白6小时完全入门
- 2581 2024-04-10
-
- MySQL 初学入门(mosh老师)
- 1530 2024-04-07
-
- Mock.js | Axios.js | Json | Ajax--十天精品课堂
- 2382 2024-03-29
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);
}
}