현재 위치： 집 > 다운로드 > JS 효과 > 기타 특수 효과 > Sina Weibo 출시 페이지 코드

Sina Weibo 출시 페이지 코드

나누다: JS 효과 / 기타 특수 효과	출시 시간: 2017-12-22	방문: 2979
다운로드: 171

다운로드하려면 클릭하세요. 미리보기 효과

더>

최신 다운로드

‎판타지 아쿠아리움

'판타지 아쿠아리움'은 플레이어가 신비한 수중 세계를 탐험할 수 있는 판타지 어드벤처 게임입니다. 이 상상력 넘치는 수족관에서 플레이어는 수족관 관리자이자 전문가의 역할을 맡게 됩니다.

0 2024-05-08

'소녀전선'은 SUNBORN Games가 개발한 전략 롤플레잉 게임입니다. 이 미래 세계에서는 인간과 로봇 소녀들이 싸우고 있습니다. 당신은 지휘관의 역할을 맡아 독특한 로봇 소녀 군대를 이끌고 일련의 스릴 넘치는 전투를 벌이게 됩니다. 게임 특징: 거대한 로봇 소녀 캠프: 다양한 스타일과 능력을 갖춘 로봇 소녀를 수집하고 훈련하여 자신만의 최강 팀을 구성하세요. 심층적인 플롯 설정: 로봇 소녀들과 소통하고 스토리 배경을 더 깊이 이해하여 전투에서 지원과 격려를 제공합니다. 정교한 전투 그래픽: 화려한 전투 장면을 즐겨보세요

832 2024-05-06

‎별의 날개

"Star Wings"는 메카 소녀 요소와 고전적인 GVG 전투 게임 플레이를 완벽하게 결합한 3D 경쟁 게임입니다. 게임에서 플레이어는 강력한 전투력을 지닌 메카 소녀를 조종해 흥미진진한 전장에서 치열한 1V1, 2V2 전투를 펼치며 비교할 수 없는 경쟁의 매력을 느끼게 된다. 이 게임은 고정밀 3D 모델링 기술을 사용하여 화려한 그래픽을 제공합니다. 각각의 메카는 독특하고, 기술이 집약된 기계구조와 소녀의 우아한 모습을 마치 손바닥 안에서 활약하는 애니메이션 블록버스터처럼 섬세하게 묘사하고 있습니다. 미소녀 조종사들은 각자의 매력을 갖고 있으며, 목소리와 행동을 통해 각기 다른 성격을 드러낸다.

521 2024-05-06

‎작은 꽃요정 요정의 천국

"작은 꽃 요정 요정 천국"은 어린아이 같은 재미와 마법으로 가득한 캐주얼 게임으로, 대다수 플레이어에게 멋진 게임 경험을 선사합니다. 게임에서 당신은 작은 꽃요정 역할을 맡아 다른 플레이어들과 함께 엘프 천국에 들어가 놀라움으로 가득한 모험을 시작하게 됩니다. 게임 특징: 새로운 마법의 모험: 더욱 정교한 그래픽으로 새로운 Elf Paradise 모험을 즐겨보세요. 정교한 게임 그래픽: 이 게임은 최신 3D 기술을 사용하여 아름다운 게임 그래픽을 만들어 플레이어에게 새로운 시각적 충격을 선사합니다. 다양한 활동: 플레이어는 게임에서 다양한 활동에 참여하고 많은 게임 보상을 얻을 수 있습니다. 부자

703 2024-05-06

‎레스토랑 큐트스토리

"레스토랑 귀여운 이야기"는 귀여운 레스토랑 경영 시뮬레이션 게임입니다. 이 게임에서 당신은 젊은 레스토랑 주인의 역할을 맡아 레스토랑을 운영하고 관리함으로써 귀여운 손님들을 맞이하고 독특하고 분주한 레스토랑을 만들게 됩니다. 게임 특징: 귀여운 동물 고객: 게임에는 다양한 귀여운 동물 캐릭터가 있으며 각 동물은 각자의 선호도와 요구 사항에 따라 가장 적합한 요리를 제공해야 합니다. 레스토랑 맞춤 설정: 장식부터 가구까지 자신의 취향과 창의성에 따라 독특한 레스토랑을 만들어 더 많은 고객을 유치할 수 있습니다. 다양한 메뉴: 게임 내

574 2024-05-05

‎산허 여행 탐험

"산허 여행 탐정" 게임 소개 "산허 여행 탐정"은 중국식 추리와 수사 게임을 접목한 매혹적인 스토리라인입니다. 이 게임은 전통적인 중국 문화 요소와 고전적인 추론 및 조사 게임플레이를 교묘하게 결합하여 플레이어에게 미스터리와 놀라움으로 가득 찬 게임 세계를 선사합니다. 게임에서 플레이어는 재능 있는 젊은 탐정의 역할을 맡아 산과 강을 여행하며 다양하고 복잡하고 혼란스러운 사건을 조사하게 됩니다. 각 사건은 세심하게 디자인되었으며 긴장감과 도전으로 가득 차 있습니다. 플레이어는 지혜와 관찰을 통해 단서를 수집하고 진실을 추론해야 합니다. 이 게임은 아름다운 중국 스타일을 채택하고 고대 중국을 결합한 독특한 그래픽 스타일을 가지고 있습니다.

946 2024-05-05

‎사랑과 프로듀서

'사랑과 프로듀서'는 엘렉스가 개발한 여성향 모바일 게임이다. 이 게임에서 당신은 프로듀서가 되어 개성 넘치는 네 명의 남자 주인공과 함께 낭만적인 여행을 떠나게 됩니다. 게임 특징: 실제 인물 더빙, 가장 현실적인 줄거리 경험 복원. 풍부한 게임 구성과 감동적인 스토리의 우여곡절이 게임에 몰입하게 만듭니다. AR 게임의 동작을 완벽하게 복원하여 게임을 더 잘 즐길 수 있습니다. 독특한 게임 플레이를 통해 주인공을 더 깊이 이해하고 색다른 사랑을 경험할 수 있습니다. 작업과 활동을 통해 소품을 획득하고 이를 사용하여 영웅의 속성을 향상하세요.

519 2024-05-04

‎가장 강력한 두뇌 3

"The Biggest Brain 3"은 두뇌의 한계에 도전하고 지혜와 기술을 보여주는 흥미롭고 흥미로운 지적 경쟁 게임입니다. 이 게임에서 플레이어는 해독, 추론, 기억 및 기타 주제를 포함한 다양한 정신적 도전에 직면하여 두뇌가 종합적인 운동을 할 수 있습니다. 게임 특징: 해독, 추론, 기억 등 여러 분야를 포괄하는 다양한 도전 테마로 지루할 틈이 없습니다. 풍부한 레벨 디자인, 점차적으로 난이도가 증가하고 IQ의 한계에 도전합니다. 싱글 플레이어 챌린지와 멀티 플레이어 전투를 포함한 다양한 게임 모드를 사용할 수 있어 친구들과 IQ를 놓고 경쟁할 수 있습니다. 절묘한 그림 디자인과 음향 효과로

869 2024-05-04

‎오드 더스트: 다밀라

"Earth: Damira" 게임 소개 "Earth: Damira"는 매혹적인 풀 3D 에일리언 라이트 SF 오타쿠 타워 디펜스 게임입니다. 이 게임에서 플레이어는 인류의 희망을 이어가는 중요한 임무를 짊어진 아툼(Atum)의 선장 역할을 맡아 활력과 활력이 넘치는 "신생아" 소녀 그룹을 이끌고 신비한 행성 다미라(Damira)에 발을 디뎌 탐험하게 됩니다. 이 녹색 외계 행성의 모든 것. 독특한 SF 설정과 절묘한 3D 그래픽을 갖춘 이 게임은 플레이어에게 미지와 도전으로 가득한 외계 세계를 선사합니다. 이 신비로운 땅에서 플레이어는 소녀들을 이끌고 외계 별의 위협에 저항할 수 있는 강력한 방어 시설을 구축해야 합니다.

254 2024-05-03

‎젊은 서유기 2

"서유기 2" 게임 소개 "서유기 2"의 세계에 발을 들이는 것은 동양적인 매력이 가득한 웅장하고 환상적인 인더스트리얼 펑크 모험에 발을 들이는 것입니다. 청소년 카드 시리즈의 최신 걸작인 이 게임은 국가적 트렌드 요소와 펑크 스타일을 완벽하게 통합하여 플레이어에게 전례 없는 서유기의 세계를 선사합니다. 우선 게임의 스타일이 독특하다. 디자이너들은 전통적인 중국 회화와 판화 기법을 현대 펑크 요소와 교묘하게 결합하여 모든 캐릭터와 모든 장면을 강한 동양적 매력과 아방가르드 펑크 분위기로 가득 채웠습니다. 플레이어는 고전과 현대, 동양과 현대가 결합된 세계에 있는 것 같습니다.

951 2024-05-03

24시간11리더보드 읽기

더>

최신 튜토리얼

[웹 프런트엔드] Node.js 빠른 시작

해외 웹 개발 풀스택 강좌 총집합

1651 2024-04-24
Go 언어 실습 GraphQL

1925 2024-04-19
550W 팬 마스터가 JavaScript를 처음부터 차근차근 학습합니다

3344 2024-04-18
기초 지식이 전혀 없는 초보자도 6시간 만에 시작할 수 있는 파이썬 마스터 모쉬

2878 2024-04-10
MySQL 시작하기(mosh 교사)

1752 2024-04-07
Mock.js | Axios.js | Json - 10일간의 고품질 수업

2564 2024-03-29

Sina Weibo 출시 페이지 코드

<!DOCTYPE html>
<html>
<머리>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, 초기-규모=1.0, 최소-규모=0.5, 최대-규모=2.0, user-scalable=yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="format-Detection" content="telephone=no" />
<title>jQuery New浪微博发布页face代码 </title>

<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">

</머리>
<몸>
<nav class="navbar navbar-fixed-top" 역할="navigation" 스타일="배경: #e0620d ;padding-top: 3px;height:50px;">
<div class="container-fluid" style="배경: #fff;">
<div class="navbar-header ">
<span class="navbar-brand " href="#">WEIBO</span>

<button type="button" class="navbar-toggle" data-toggle="collapse"
data-target="#my-navbar-collapse">
<span class="sr-only">切换导航</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</버튼>
</div>
<form class="navbar-form navbar-left" role="search">
<div class="form-group">
<input type="text" class="form-control" placeholder="#热门话题#">
<i class="glyphicon glyphicon-search btn_search" ></i>

</div>

</양식>

<div class="collapse navbar-collapse" id="my-navbar-collapse">

<ul class="nav navbar-nav navbar-right" >
<li ><a href="#"><i class="glyphicon glyphicon-user"></i>  Jack.C</a></li>

<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
设置 <b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a href="#">登录</a></li>
<li><a href="#">注册</a></li>

</ul>

</ul>

</div>

</div>
<hr style="margin: 0;padding: 0;color:#222;width: 100%">
</nav>

<div class="컨테이너 컨테이너_bg" >
<div class="row">
<div class="col-sm-2"></div>

<div class="col-sm-6 col-xs-12 my_edit" >
<div class="row" id="edit_form" >
<span class="pull-left" style="margin:15px;">编写新鲜事</span>
<span class="tips pull-right" style="margin:15px;"></span>
<form role="form" style="margin-top: 50px;">
<div class="form-group">
<div class="col-sm-12">

<div contentEditable="true" id="content" class="form-control " ></div>
</div>
<div class="col-sm-12" style="margin-top: 12px;">
<span class="emoji" >表情</span>

<span class="pic" >사진 </span>
<스팬>
<input type="file" name="" class="select_Img" style="display: none" >
<img class="preview" src="">

<div class="myEmoji" >
<ul id="myTab" class="nav nav-tabs">
<li class="active">
<a href="#set" data-toggle="tab">
预设
</a>

<li><a href="#hot" data-toggle="tab">热门</a></li>

</ul>
<div id="myTabContent" class="tab-content">
<div class="tab-pane 페이드 인 활성" id="set">
<div class="emoji_1"></div>

</div>
<div class="tab-pane fade" id="hot">
<div class="emoji_2"></div>
</div>

</div>
</div>

<button type="button" id="send" class="btn btn-default 풀-오른쪽 비활성화됨">发布</button>
</div>
</div>
</양식>
</div>

<div class="row item_msg" >
<div class="col-sm-12 col-xs-12 메시지" >
<img src="img/icon.png" class="col-sm-2 col-xs-2" style="border-radius: 50%">
<div class="col-sm-10 col-xs-10">
<span style="font-weight:bold;">Jack.C</span>
<br>
<small class="date" style="color:#999">1分钟前</small>
<div class="msg_content">행복한 하루 보내세요!
<img class="mypic" src="img/bg_1.jpg" >
</div>

</div>

</div>


</div>

</div>

<div class="col-sm-3 col-xs-12 part_right" >
<div class="row text-center inform">
<img src="img/icon.png" >
<h4 style="font-weight:bold;">Jack.C</h4>
<div class="col-sm-12 my_inform" >
<div class="col-sm-4 col-xs-4">

111

;
<div class="sort">关注</div>

</div>
<div class="col-sm-4 col-xs-4">
<div>111</div>
<div class="sort">粉丝</div>
</div>
<div class="col-sm-4 col-xs-4">
<div>111</div>
<div class="sort">博客</div>
</div>
</div>
</div>
<div class="row part_hot" >
<div class="col-sm-12">
<span class="pull-left" style="padding: 10px;font-size:16px;font-weight:bold;">热门话题</span>
<span class="pull-right" style="padding: 10px;">换话题</span>
</div>
<hr style="margin: 0;padding: 0;width: 100%">

<div class="col-sm-12 item_hot" >
<span class="pull-left">#英雄联盟s7#</span>
<span class="pull-right item_num">34.6亿</span>
</div>

<div class="col-sm-12 item_hot" >
<span class="pull-left">#今天霜降#</span>
<span class="pull-right item_num">2.6亿</span>
</div>

<div class="col-sm-12 item_hot" >
<span class="pull-left">#亚洲新歌榜#</span>
<span class="pull-right item_num">10.4亿</span>
</div>

<div class="col-sm-12 item_hot" >
<span class="pull-left">#扑通扑通少女心#</span>
<span class="pull-right item_num">1.5亿</span>
</div>

<div class="col-sm-12 item_hot" >
<span class="pull-left">#突然开心#</span>
<span class="pull-right item_num">1.1亿</span>
</div>
<hr style="margin: 0;padding: 0;width: 100%">

<div class="col-sm-12 text-center" style="padding: 10px"><a href="#">查看更多</a></div>

</div>

</div>
</div>

</div>
<script src="js/jquery-3.1.0.js"></script>
<script src="js/bootstrap.min.js"></script>
<스크립트 유형="텍스트/자바스크립트">
$(함수(){

$("#content").keyup(function(){

//입력 문자열의 길이를 결정
var content_len = $("#content").text().replace(/s/g,"").length;

$(".tips").text("이미 "+content_len+" 단어를 입력했습니다.");

if(content_len==0){
// 경고(내용);
$(".tips").text("");
$("#send").addClass("비활성화됨");
거짓을 반환;
}그밖에{
$("#send").removeClass("비활성화됨");
}
});

$(".pic").click(function(){

$(".select_Img").클릭()

})

// 함수 확인(){

// var r= new FileReader();
// f=$(".select_Img").files[0];
// r.readAsDataURL(f);
// r.onload=function(e) {
// $(".preview").src=this.result;

// };
// }

//버튼을 클릭하면 콘텐츠가 전송됩니다
$("#send").click(function(){

// var myDate = new Date();

// var min = myDate.getMinutes();

// 변수 시간 = min-(min-1);

// //경고(시간);

var content=$("#content").html();

//선택한 이미지 형식이
인지 확인 var imgPath = $(".imgPath").text();
var start = imgPath.lastIndexOf(".");
var postfix = imgPath.substring(start,imgPath.length).toUpperCase();

if(imgPath!=""){

if(postfix!=".PNG"&&postfix!=".JPG"&&postfix!=".GIF"&&postfix!=".JPEG"){
Alert("사진 형식은 png, gif, jpeg, jpg 형식이어야 합니다.");
}그밖에{
$(".item_msg").append("<div class='col-sm-12 col-xs-12 message' > <img src='img/icon.png' class='col-sm- 2 col-xs-2' style='border-radius: 50%'><div class='col-sm-10 col-xs-10'><span style='font-weight:bold; ''>Jack.C</span><br><small class='date' style='color:#999'>지금 막</small><div class='msg_content'>" +content+"<img class='mypic' onerror='this.src='img/bg_1.jpg' src='file:///"+imgPath+"' ></div></div> </div>");
}
}그밖에{
$(".item_msg").append("<div class='col-sm-12 col-xs-12 message' > <img src='img/icon.png' class='col-sm- 2 col-xs-2' style='border-radius: 50%'><div class='col-sm-10 col-xs-10'><span style='font-weight:bold; ''>Jack.C</span><br><small class='date' style='color:#999'>지금 막</small><div class='msg_content'>" +콘텐츠+"</div></div></div>");
}

});

//이모티콘 팩 1 추가
for (var i = 1; i < 60; i++) {

$(".emoji_1").append("<img src='img/f"+i+".png' style='width:35px;height:35px' >");
}
//이모티콘 패키지 추가 2
for (var i = 1; i < 61; i++) {

$(".emoji_2").append("<img src='img/h"+i+".png' style='width:35px;height:35px' >");
}

$(".emoji").click(function(){

$(".myEmoji").show();

//팝업 레이어를 숨기려면 빈 공간을 클릭하세요
$(문서).click(함수 (e) {

if (!$("#edit_form").is(e.target) && $("#edit_form").has(e.target).length === 0) {

$(".myEmoji").hide();
}
});

});

//입력 상자에 이모티콘 추가
$(".myEmoji img").each(function(){
$(this).click(함수(){
var url = $(this)[0].src;

$('#content').append("<img src='"+url+"' style='width:25px;height:25px' >");

$("#send").removeClass("비활성화됨");
})
})

//미리보기 이미지 확대 또는 축소
$(".mypic").click(function(){
var oWidth=$(this).width(); //이미지의 실제 너비를 가져옵니다
var oHeight=$(this).height(); //그림의 실제 높이를 가져옵니다

if($(this).height()!=200){
$(this).높이(200)
}그밖에{
$(this).height(oHeight + 200/oWidth*oHeight);
}

})

})

<div style="text-align:center;margin:50px 0; 글꼴:normal 14px/24px 'MicroSoft YaHei';"> </div>
</본문>
</html>

이것은 Sina Weibo의 릴리스 페이지 코드입니다. 필요한 친구는 PHP 중국어 웹사이트에서 직접 다운로드할 수 있습니다.

본 웹사이트의 성명

이 웹사이트의 모든 리소스는 네티즌이 제공 및 게시하거나 주요 다운로드 사이트에서 재인쇄되었습니다. 소프트웨어의 무결성을 직접 확인하십시오! 이 웹사이트의 모든 리소스는 학습 및 참조용으로만 제공됩니다. 상업적인 목적으로 사용하지 마세요. 그렇지 않을 경우 발생하는 모든 결과에 대한 책임은 귀하에게 있습니다! 침해 내용이 있는 경우 당사에 연락하여 삭제 및 제거를 요청하시기 바랍니다. 연락처: admin@php.cn