Sina Weibo-Release-Seitencode
Sina Weibo-Release-Seitencode
<!DOCTYPE html>
<html>
<Kopf>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, Minimum-scale=0.5, Maximum-scale=2.0, user-scalable=yes" /> ? ??
<meta name="apple-mobile-web-app-capable" content="yes" /> ? ?
<meta name="format-detection" content="telephone=no" /> ? ?
<title>jQuery新浪微博發(fā)布頁面代碼 </title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<nav class="navbar ?navbar-fixed-top" role="navigation" style="background: #e0620d ;padding-top: 3px;height:50px;">
<div class="container-fluid" style="background: #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>
</button>
</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>
? <!-- ?<button type="submit" class="btn btn-default">提交</button> -->
</div>
</form>
?<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>
</li>
</ul>
?</div>
?
</div>
?<hr style="margin: 0;padding: 0;color:#222;width: 100%">
</nav>
<div class="container container_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>
<span>
<input type="file" name="" ?class="select_Img" style="display: none" >
<img class="preview" src="">
</span>
<div class="myEmoji" >
<ul id="myTab" class="nav nav-tabs">
<li class="active">
<a href="#set" data-toggle="tab">
? 預(yù)設(shè)
</a>
</li>
<li><a href="#hot" data-toggle="tab">熱門</a></li>
</ul>
<div id="myTabContent" class="tab-content">
<div class="tab-pane fade in active" id="set">
<div class="emoji_1"></div>
</div>
<div class="tab-pane fade" id="hot">
?<div class="emoji_2"></div>
</div>
??
</div>
</div>
<!-- <span> <input type="file" id="selectImg" value=""></input> </span> -->
<button type="button" id="send" class="btn btn-default pull-right deaktiviert">發(fā)布</button>
</div>
?</div>
</form>?
</div>
<div class="row item_msg" >
<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">1分鐘前</small>
<div class="msg_content">sch?nen Tag!
<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">
<div>111</div>
<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>
<script type="text/javascript">
$(function(){
$("#content").keyup(function(){
//判斷輸入的字符串長度
var content_len = $("#content").text().replace(/s/g,"").length;
$(".tips").text("已經(jīng)輸入" content_len "個字");
??
if(content_len==0){
// alarm(content);
$(".tips").text("");
$("#send").addClass("disabled");
return false;
}sonst{
$("#send").removeClass("disabled");
}
});
?
$(".pic").click(function(){
$(".select_Img").click(); ?
})
// Funktion best?tigen(){
// var r= new FileReader();
// f=$(".select_Img").files[0];
// r.readAsDataURL(f);
// r.onload=function(e) {
// $(".preview").src=this.result;
// };
// }
//點擊按鈕發(fā)送內(nèi)容
$("#send").click(function(){
// var myDate = new Date();
?// ? var min = myDate.getMinutes();
?// ? var time = min-(min-1);
?// ? //alert(time);
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格式");
}sonst{
$(".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>");
}
}sonst{
$(".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 "</div></div></div>");
}
});
//Emoticon-Paket 1 hinzufügen
für (var i = 1; i < 60; i ) {
$(".emoji_1").append("<img src='img/f" i ".png' style='width:35px;height:35px' >");
}
//Emoticon-Paket 2 hinzufügen
für (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();
//Klicken Sie auf eine leere Stelle, um die Popup-Ebene auszublenden
$(document).click(function (e) {
if (!$("#edit_form").is(e.target) && $("#edit_form").has(e.target).length === 0) {
$(".myEmoji").hide();
}
});
});
//Emoticons zum Eingabefeld hinzufügen
$(".myEmoji img").each(function(){
$(this).click(function(){
var url = $(this)[0].src;
$('#content').append("<img src='" url "' style='width:25px;height:25px' >");
$("#send").removeClass("disabled");
})
})
//Vorschaubild vergr??ern oder verkleinern
$(".mypic").click(function(){
var oWidth=$(this).width(); //Ermitteln Sie die tats?chliche Breite des Bildes
var oHeight=$(this).height(); //Ermitteln Sie die tats?chliche H?he des Bildes
if($(this).height()!=200){
$(this).height(200);
}else{
$(this).height(oHeight 200/oWidth*oHeight);
}
})
})
</script>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>
</body>
</html>
Dies ist ein Ver?ffentlichungsseitencode für Sina Weibo. Freunde, die ihn ben?tigen, k?nnen ihn direkt auf der chinesischen PHP-Website herunterladen.
Alle Ressourcen auf dieser Website werden von Internetnutzern bereitgestellt oder von gro?en Download-Sites nachgedruckt. Bitte überprüfen Sie selbst die Integrit?t der Software! Alle Ressourcen auf dieser Website dienen nur als Referenz zum Lernen. Bitte nutzen Sie diese nicht für kommerzielle Zwecke. Andernfalls sind Sie für alle Folgen verantwortlich! Wenn ein Versto? vorliegt, kontaktieren Sie uns bitte, um ihn zu l?schen. Kontaktinformationen: admin@php.cn
Verwandter Artikel
AI und Hollywoods n?chstes goldenes Zeitalter
29 Apr 2025
Generative AI revolutioniert die Film- und Fernsehproduktion. Das Ray 2-Modell von Luma sowie das Gen-4 von Runway, Openai von Sora, Google's VEO und andere neue Modelle verbessern die Qualit?t der generierten Videos mit beispielloser Geschwindigkeit. Diese Modelle k?nnen problemlos komplexe Spezialeffekte und realistische Szenen erzeugen, selbst kurze Videoclips und Kameraser-Bewegungseffekte wurden erreicht. W?hrend die Manipulation und Konsistenz dieser Tools noch verbessert werden müssen, ist die Geschwindigkeit des Fortschritts erstaunlich. Generatives Video wird zu einem unabh?ngigen Medium. Einige Modelle sind gut in der Animationsproduktion, andere sind gut in Live-Action-Bildern. Es ist erw?hnenswert, dass Adobe's Firefly und Moonvalleys MA
Wie mache ich Windows 11 schneller?
28 Jun 2025
1. Deaktivieren Sie unn?tige Startelemente: Schalten Sie die Netzwerkdisketten aus, geben Sie zus?tzliche Funktionen und andere Startprogramme für Einschaltanlagen über den Task-Manager aus. 2. Speicherplatz sauberer Speicherplatz: Verwenden Sie das Tool "Festplattenreinigung" und aktivieren Sie das "Speicherbewusstsein", um automatisch Junk -Dateien aufzur?umen. 3.. Visuelle Effekte anpassen: Unn?tige Spezialeffekte in "Leistungsoptionen" abbrechen oder "beste Leistung" ausw?hlen. 4. Aktualisieren Sie die Treiber, schlie?en Sie die Suchindizes und überprüfen Sie den Festplattenstatus, um die Hintergrunddienste und die Hardwareleistung zu optimieren. Diese Methoden k?nnen die Gl?tte von Windows 11 effektiv verbessern.
Sechs Apps, um Ihren Smartphone -Videos Blockbuster -Spezialeffekte hinzuzufügen
25 Feb 2025
Verwandeln Sie Ihr Smartphone in ein Hollywood -Studio! In diesem Handbuch werden sechs Apps angezeigt, mit denen Sie Ihren Videos spezifische Spezialeffekte und Filter hinzufügen k?nnen, ohne einen Computer zu ben?tigen. Vom Dinosaurier tobend zu vertr?umten Filtern, die Possibili
K?nigreich kommen: Befreiung 2 - Wie man Aqua Vitalis braut
02 Mar 2025
In Kingdom Come: Deliverance 2 ist Alchemie der Schlüssel zum überleben. Basteln Sie potente Tr?nke für Heilung, Buffs und Spezialeffekte, indem sie Zutaten sammeln und pr?zise Rezepte folgen. Das Timing ist entscheidend; Sorgf?ltige Schritte gew?hrleisten die Trankqualit?t und Effektiven
Wie man Gebetspunkte in OSRS wiederherstellt
22 Mar 2025
In den Gebetspunkten im Old-School RuneScape (OSRS) k?nnen Sie kraftvolle Gebetsf?higkeiten zum Kampf (sowie andere Spezialeffekte) einsetzen. Wenn Ihre Gebetspunkte ausgehen, müssen Sie sie wiederherstellen. Hier ist ein einfacher Leitfaden, wie man Gebetspunkte wiederherstellt. 1. Beten Sie am Altar (die grundlegendste Methode) Funktion: Der Altar kann Ihre Gebetspunkte vollst?ndig wiederherstellen. Standort: Die meisten St?dte wie Rembridge und Edgeville haben Alt?re. Spezielle Alt?re, wie das Haus des Spielers, den Altar vergoldet, bieten zus?tzliche Vorteile an, wenn sie mit einem beleuchteten Brenner verwendet werden. 2. Verwenden Sie Gebetstrank Funktion: Gebetspotion stellt einen bestimmten Anteil an Gebetspunkten wieder her, basierend auf Ihrer Gebetsstufe. Wann zu verwenden: wenn erforderlich
So richten Sie dynamische Sperre in Windows ein
01 Aug 2025
Stellen Sie sicher, dass die WithyourWindowSpcviabluetoothBy-loettoettings> Ger?te> Bluetooth und andere Verwaltungen und andere Verwaltungen und andere Den und andere Den und andere Den und andere Den und andere Den und andere Den und andere Dienste ?ConnectedStoStoSSasSas“ ”angeschlossen haben
Wie kann ich Warnungen in Windows beheben 'Ihr Computer ist niedrig für Speicher'?
12 Jul 2025
Wenn Windows "Ihr Computer nicht genügend Speicher hat" auffordert, liegt dies normalerweise daran, dass der Druckverwaltungsdruck des Systemspeichers eher hoch als Hardware -Engp?sse ist. Es kann durch die folgenden Methoden gelindert werden: 1. Schlie?ungsprogramme, die einen hohen Speicher einnehmen, insbesondere Browser-Multi-Tags, Photoshop oder Videobearbeitungssoftware; 2. Passen Sie visuelle Effekte an, enge transparente Fenster, Animationen und andere Spezialeffekte, um die Systembelastung zu verringern. 3. Aktivieren Sie "Speicherkomprimierung" und begrenzen Sie unn?tige Hintergrundprozesse. 4. Erh?hen Sie den physischen Speicherstick oder passen Sie die Einstellungen des virtuellen Speichers auf das 1,5 bis 2 -fache des physischen Speichers ein. Durch die Optimierung der Nutzungsgewohnheiten und -einstellungen k?nnen Probleme in den meisten F?llen effektiv gel?st werden.
Wie geht der Compiler mit der Kopiererstellung für Klassen um, die verschachtelte Objekte enthalten?
14 Nov 2024
Impliziter Kopierkonstruktor für Klassen, die andere Objekte enthaltenBeim Arbeiten mit Klassen, die andere Objekte enthalten, ist der Standardkopierkonstruktor...
Warum verwendet CSS2.1 einen anderen ?überlauf' als ?sichtbar', um Blockformatierungskontexte zu erstellen?
07 Dec 2024
Warum schreibt CSS2.1 andere überlaufwerte als ?sichtbar“ vor, um einen neuen Blockformatierungskontext einzurichten? In CSS2.1 sind andere überlaufwerte als...
Hei?e Werkzeuge
jQuery+Html5 realisiert einen wundersch?nen Gest?ndnis-Animationscode
jQuery + Html5 implementiert einen wundersch?nen Gest?ndnis-Animationscode, der Animationseffekt ist gro?artig, ein Muss für Programmierer zum Gest?ndnis!
Js-Spezialeffektcode für das romantische Gest?ndnis eines Paares
Paar romantisches Gest?ndnis JS Special Effekt -Code, solche Spezialeffekte, k?nnen auf Websites für Hochzeitsfotografie verwendet werden, k?nnen auch in pers?nlichen Websites platziert werden, und auch eine gute Spezialeffekte, PHP Chinese -Website -Empfehlung Download!
Einfaches JS-Liebesgest?ndnis-Artefakt
Einfaches natives JS-Liebesgest?ndnis-Artefakt
Ausdrucksstarke HTML5-Partikelanimationseffekte von Bunker
Bunkers HTML5-Spezialeffektcode für Partikelanimationsausdrücke, der Text für Animationsspezialeffekte kann im Code ge?ndert werden, Sie k?nnen eine Seite erstellen, Sie k?nnen die Texteingabe anpassen, es sollte sehr beliebt sein, dieser HTML5-Spezialeffekt ist sehr sch?n.
jQuery-Responsive Hintergrund-Anmeldeschnittstellenvorlage
HTML-Quellcode der responsiven Backend-Anmeldeschnittstelle von jQuery. Die Anmeldeseite verwendet JQuery, um das Formular zu überprüfen und festzustellen, ob die Anmeldeseite die Anforderungen erfüllt Seiten: Wenn der Browser hinein- oder herauszoomt, ?ndert der Hintergrund die Gr??e des Bildes entsprechend dem Browser! Die chinesische PHP-Website empfiehlt den Download!