jQuery는 휴대폰 Sina Weibo 채팅 인터페이스를 모방합니다.
최신 다운로드
판타지 아쿠아리움
소녀전선
별의 날개
작은 꽃요정 요정의 천국
레스토랑 큐트스토리
산허 여행 탐험
사랑과 프로듀서
가장 강력한 두뇌 3
오드 더스트: 다밀라
젊은 서유기 2
24시간11리더보드 읽기
- 1 고급 Ts: 종속 매개변수, 추론된 결합 및 Twitter에서의 건전한 상호 작용.
- 2 [Leetcode] 객체가 비어 있습니까?
- 3 UUID에 대해 알아야 할 모든 것.
- 4 NodeJS를 사용하여 구축된 Todo RESTful API
- 5 EigenLayer의 EIGEN 암호화 토큰 잠금 해제 이벤트로 경제 확장을 위한 빠른 경로에 레스트스테이킹 프로토콜이 추가되었습니다.
- 6 Golang을 사용한 나의 첫 프로젝트(2부)
- 7 Bitwise는 XRP ETF의 적용이 합법적임을 확인하여 시장에 흥미를 불러일으켰습니다.
- 8 Ripple, 에스크로에서 10억 XRP 토큰 출시, 8억 XRP 다시 잠금
- 9 Diablo 4: Vessel of Hatred Twitch Drops - Schedule & Rewards
- 10 DLT 과학 재단, EU의 MiCA 규정 준수를 간소화하고 강화하기 위해 MiCA Crypto Alliance 발표
- 11 What is 3AC Memecoin?
- 12 Notcoin (NOT) 가격 예측: 곧 0.01달러에 도달하지 않을까요?
- 13 Dogecoin (DOGE) Shows Bullish Potential With Increased Addresses and Whale Activity, Despite a Recent Price Dip
- 14 iOS 18.1: 제어 센터를 재설정하는 방법
- 15 STRK, AR, LDO 및 CORE Altcoin은 지정학적 긴장이 암호화폐 시장을 강타하면서 두 자릿수 손실을 보고 있습니다.
최신 튜토리얼
-
- 해외 웹 개발 풀스택 강좌 총집합
- 1455 2024-04-24
-
- Go 언어 실습 GraphQL
- 1733 2024-04-19
-
- 550W 팬 마스터가 JavaScript를 처음부터 차근차근 학습합니다
- 3159 2024-04-18
-
- 기초 지식이 전혀 없는 초보자도 6시간 만에 시작할 수 있는 파이썬 마스터 모쉬
- 2683 2024-04-10
-
- MySQL 시작하기(mosh 교사)
- 1610 2024-04-07
-
- Mock.js | Axios.js | Json - 10일간의 고품질 수업
- 2451 2024-03-29
이것은 매우 간단한 Weibo 모바일 채팅 인터페이스 템플릿으로, jQuery는 모바일 Sina Weibo 채팅 대화 스타일 코드를 모방합니다.
/*메시지 보내기*/
함수 보내기(headSrc,str){
var html="<div class='send'><div class='msg'><img src="+headSrc+" />"+
"<p><i class='msg_input'></i>"+str+"</p></div></div>";
upView(html);
}
/*메시지 수락*/
함수 표시(headSrc,str){
var html="<div class='show'><div class='msg'><img src="+headSrc+" />"+
"<p><i class='msg_input'></i>"+str+"</p></div></div>";
upView(html);
}
/*업데이트 보기*/
함수 upView(html){
$('.message').append(html);
$('body').animate({scrollTop:$('.message').outerHeight()-window.innerHeight},200)
}
함수 sj(){
반환 parInt(Math.random()*10)
}
$(함수(){
$('.footer').on('keyup','input',function(){
if($(this).val().length>0){
$(this).next().css('배경','#114F8E').prop('disabled',true);
}그밖에{
$(this).next().css('배경','#ddd').prop('disabled',false);
}
})
$('.footer p').click(function(){
show("./images/touxiangm.png",$(this).prev().val());
테스트();
})
})
/*테스트 데이터*/
var arr=['나는 샤오Q입니다','오랫동안 연락이 없습니다! ', '내 생각하고 있니', '나한테 말 좀 걸어봐', '잠시 얘기 좀 하자'];
var imgarr=['images/touxiang.png','images/touxiangm.png']
테스트()
기능 테스트(){
$(arr).each(함수(i){
setTimeout(함수(){
send("images/touxiang.png",arr[i])
},sj()*500)
})
}
Jquery는 웹 프로그래밍에 필요한 중요한 기술 중 하나입니다. Jquery는 프로토타입 이후의 또 다른 뛰어난 Javascrīpt 프레임워크입니다. CSS3 및 다양한 브라우저와 호환되는 경량 js 라이브러리입니다. jQuery를 사용하면 사용자는 HTML 문서 및 이벤트를 보다 쉽게 처리하고, 애니메이션 효과를 구현하고, 웹 사이트에 AJAX 상호 작용을 쉽게 제공할 수 있습니다. jQuery의 또 다른 큰 장점은 문서가 매우 완벽하고 다양한 애플리케이션이 자세히 설명되어 있다는 점입니다. 선택할 수 있는 성숙한 플러그인도 많이 있습니다. jQuery는 사용자 HTML 페이지의 코드와 HTML 콘텐츠를 분리하여 유지할 수 있습니다. 즉, 명령을 호출하기 위해 HTML에 여러 개의 js를 삽입할 필요가 없습니다.