久久国产精品精品国产色婷婷,一个人看的www高清

JS ?? ??

?? ?? ??

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浪微博發(fā)布頁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">切換導(dǎo)航</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">
設(shè)置 <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">
? 預(yù)設(shè)
</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 ?-??? ?????">發(fā)布</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">關(guān)注</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">#英雄聯(lián)盟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

?? ??

CSGO ?? ?? ????? ?? HD ?? ?? CSGO ??? ?? ?? ????? ?? ??

04 Jun 2025

CSGO (Coun ?? ??? ??? ??? ?? ?? ???? ?? ????? ??? ? ??????. ?? ??? ?? ???? ?? ???? ?? ?? ????, ???? ??? ?? ??? ??? ??? ? ????. ? ??? CSGO ?? ?? ?????? ?? ???? ??? ??? ???? ??? ??? ???? ??? ? ??????.

Douyin? AI ??? ??????

29 Nov 2024

Douyin? ??? ??, ??? ?? ??, ?? ??, ?? ?? ? ?? ?? ??? ??? ???? ???? ???? ?? ??, ?? ? ??? ? ??? ?? ??? ?? AI ??? ?????. ??? ??, ??? ?? ? ?? ?? ??? ??? ??? ?? ???? ??????. ?? ??? ?? ???? ??? ?????.

JavaScript?? ?? ??? ???? ?? ??? ????? ??? ??????

01 Jan 2025

?? ??? ???? ?? ??? ?????? ?? ?? ?? ??? ???? ?? ??? ???...

ASUS? ?? ?? ??? ?????? ??? ???? ?????

13 Mar 2025

ASUS ?? ?? ??? ??? ?? : ?? ?? ?? ??? ??? ASUS? ?? ??? ? ???? ?? ?????? ?? ?? ???? ???? ?? ??? ????? ?? ??? ?? ??? ?????. ??? ? ??

?? ?? ???? ????? ??? ???? ?? CSS? Shape Outside ??? ???? ??? ??????

05 Apr 2025

? ????? ?? ?? ???? ????? ??? ???? ??? ??? ?? ????? ?? ??? ????? ??? ???? ??? ?????? ? ?? ...

10 JQuery Cool ?? ?? ????

01 Mar 2025

? ??? ??? ??? ????? ?? 10 Cool JQuery ?? ?? ?? ????! ??? ?? jQuery Navigation ?? ????? ????? ?? 10 ?? ??? JQuery ?? ?? ????? ?????. ????! ?? ?? ? : -10 ??? jQuery Navigation MENUS -15 ??? jQuery Navigation MENUS ??? ??? ??? ???? ?????? ? ????? ????? ?? ?? ????? ??? ??? ?? ??? ?? ? ????. ?? ?? ?? 2. jQuery ??? ??-Submenu??? FX CSS ?? 100% CSS ??, jQuery? ???? ?? ??. JavaScript ? ???? ?? ??? ??????. ??? ????, ???? ??? ?????