jq 微博发布评论案例

<style>        * {            margin: 0;            padding: 0;        }

ul {            list-style: none;        }

.box {            width: 600px;            margin: 100px auto;            border: 1px solid #000;            padding: 20px;        }

textarea {            width: 450px;            height: 160px;            outline: none;            resize: none;        }

ul {            width: 450px;            padding-left: 80px;        }

ul li {            line-height: 25px;            border-bottom: 1px dashed #cccccc;        }

input {            float: right;        }

</style></head><body><div class="box" id="weibo">    <span>微博发布</span>    <textarea name="" id="txt" cols="30" rows="10"></textarea>    <button id="btn">发布</button>    <ul id="ul">

</ul></div><script src="jquery-1.12.4.js"></script><script>    $(function () {       //注册事件        $("#btn").click(function () {           if($("#txt").val().trim().length==0){                return;           }           //就是文本框的值            $("<li></li>").text($("#txt").val()).prependTo("ul");           $("#txt").val();        });    });</script>

原文地址：https://www.cnblogs.com/lujieting/p/10104825.html

时间： 2024-10-09 19:59:16

jq 微博发布评论案例的相关文章

微博发布案例

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>微博发布</title> <style type="text/css"> * { padding: 0; margin: 0; } ul { list-style: none; } .box { width: 600px; h

新浪微博的授权机制目前主要有3种应用场景: Web应用移动应用站内应用本文主要介绍Web应用如何授权.获取Access Token. 步骤一:添加网站进入新浪微博开放平台,点击”我的应用”,选择“网页应用”,填写相应的信息后提交.(基本信息,身份验证) 步骤二:Oauth2.0授权设置应用创建完后可以在“我的应用”中查看信息,在“应用信息”--“高级信息”中可以设置网站的授权回调页和取消授权回调页. 授权回调页非常重要,一定要填写正确,当用户授权成功后会回调到此页面,传回一个“code

综合案例：微博发布新鲜事

1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style> 7 *{ 8 margin: 0; 9 padding: 0; 10 } 11 #box{ 12 width: 600px; 13 border: 1px solid bl

python爬虫爬取微博评论案例详解

这篇文章主要介绍了python爬虫爬取微博评论,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧数据格式:{"name":评论人姓名,"comment_time":评论时间,"comment_info":评论内容,"comment_url":评论人的主页} 以上就是我们需要的信息. 具体操作流程: 我们首相将主页获取完成以后,我们就会发现,其中的内容带有相

学前端开发：js 原生模仿微博发布

初学前端开发,需要掌握的基础项目案例:js 原生模仿微博发布 <!DOCTYPE html> <html> <head> <metacharset="UTF-8"> <title></title> </head> <styletype="text/css"> *{ margin:0; padding:0; list-style:none; font-family:&quo

VUE实现微博发布效果

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>微博发布效果</title> <style> body, ul, p { margin: 0; padding: 0; } .weibo { width: 600px; border: 1px solid #ccc; margin: 100px auto; padding: 10px;

[js高手之路]设计模式系列课程-委托模式实战微博发布功能

在实际开发中,经常需要为Dom元素绑定事件,如果页面上有4个li元素,点击对应的li,弹出对应的li内容,怎么做呢?是不是很简单? 大多数人的做法都是:获取元素,绑定事件 1 <ul> 2 <li>跟着ghostwu学习javascript设计模式的应用1</li> 3 <li>跟着ghostwu学习javascript设计模式的应用2</li> 4 <li>跟着ghostwu学习javascript设计模式的应用3</li&g

第32天：微博发布动态

微博发布动态 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>微博发布</title> <style> ul{ list-style:none; } *{ margin: 0; padding: 0; } .box{ margin:100px auto; width: 600px; heigh

js微博发布框的实现

引用前请标明出处:http://www.cnblogs.com/zkhzz/ 谢谢观察了微博发布框, 1.发现他的剩余文字是动态改变的, 2.且文字为零时发布框颜色为暗色 3.文字不符合标准时提交不通过整理了一下思路 js会主要用到的方法 1.onclick() //点击发布时触发 2.onmouseover()// 鼠标滑到发布触发 3.onmouseout() //鼠标离开发布时触发 4.onfocus() //点击到输入框时触发 5.onblur() //点击到输入