5个实用技巧让你轻松掌握Chrome文本替换插件
!DOCTYPE html html langen head meta charsetUTF-8 / title微博发布/title style * { margin: 0; padding: 0; } ul { list-style: none; } .w { width: 900px; margin: 0 auto; } .controls textarea { width: 878px; height: 100px; resize: none; border-radius: 10px; outline: none; padding-left: 20px; padding-top: 10px; font-size: 18px; } .controls { overflow: hidden; } .controls div { float: right; } .controls div span { color: #666; } .controls div .useCount { color: red; } .controls div button { width: 100px; outline: none; border: none; background: rgb(0, 132,
; height: 30px; cursor: pointer; color: #fff; font: bold 14px 宋体; } .controls div button:hover { background: rgb(0, 225,
; } .controls div button:disabled { background: rgba(0, 225, 255,
0.
; } .contentList { margin-top: 50px; } .contentList li { padding: 20px 0; border-bottom: 1px dashed #ccc; position: relative; } .contentList li .info { position: relative; } .contentList li .info span { position: absolute; top: 15px; left: 100px; font: bold 16px 宋体; } .contentList li .info p { position: absolute; top: 40px; left: 100px; color: #aaa; font-size: 12px; } .contentList img { width: 80px; border-radius: 50%; } .contentList li .content { padding-left: 100px; color: #666; word-break: break-all; } .contentList li .the_del { position: absolute; right: 0; top: 0; font-size: 28px; cursor: pointer; } /style /head body div classw div classcontrols img srcimages\
6\tip.png alt /br / textarea placeholder说点什么吧... idsrk cols30 rows10 maxlength200/textarea div span classuseCount idsz0/span span//span span200/span button idfbBtn发布/button /div /div div classcontentList ul idliebiao/ul /div /div script let dataArr [ { uname: 司马懿, imgSrc: ./images/
5/
jpg }, { uname: 女娲, imgSrc: ./images/
5/
jpg }, { uname: 百里守约, imgSrc: ./images/
5/
jpg }, { uname: 亚瑟, imgSrc: ./images/
5/
jpg }, { uname: 虞姬, imgSrc: ./images/
5/
jpg }, { uname: 张良, imgSrc: ./images/
5/
jpg }, { uname: 安其拉, imgSrc: ./images/
5/
jpg }, { uname: 李白, imgSrc: ./images/
5/
jpg }, { uname: 阿珂, imgSrc: ./images/
5/
jpg }, { uname: 墨子, imgSrc: ./images/
5/
jpg }, { uname: 鲁班, imgSrc: ./images/
5/
jpg }, { uname: 嬴政, imgSrc: ./images/
5/
jpg }, { uname: 孙膑, imgSrc: ./images/
5/
jpg }, { uname: 周瑜, imgSrc: ./images/
5/
jpg }, { uname: 老夫子, imgSrc: ./images/
5/
jpg }, { uname: 狄仁杰, imgSrc: ./images/
5/
jpg }, { uname: 扁鹊, imgSrc: ./images/
5/
jpg }, { uname: 马可波罗, imgSrc: ./images/
5/
jpg }, { uname: 露娜, imgSrc: ./images/
5/
jpg }, { uname: 孙悟空, imgSrc: ./images/
5/
jpg }, { uname: 黄忠, imgSrc: ./images/
5/
jpg }, { uname: 百里玄策, imgSrc: ./images/
5/
jpg }, ] var srk document.getElementById(srk); var sz document.getElementById(sz); var fbBtn document.getElementById(fbBtn); var lb document.getElementById(liebiao); fbBtn.disabled true; srk.oninput function() { var cd srk.value.length; sz.innerText cd; if (cd
{ fbBtn.disabled true; } else { fbBtn.disabled false; } } fbBtn.onclick function() { var nr srk.value; if (nr ) { return; } var sj Math.floor(Math.random() * dataArr.length); var ren dataArr[sj]; var t new Date(); var nian t.getFullYear(); var yue t.getMonth() 1; var ri t.getDate(); var x nian - yue - ri t.getHours() : t.getMinutes() : t.getSeconds(); var xinLi li div classinfo img src ren.imgSrc span ren.uname /span p发布于 x /p /div div classcontent nr /div span classthe_delX/span /li; lb.innerHTML xinLi lb.innerHTML; srk.value ; sz.innerText 0; fbBtn.disabled true; var sc document.getElementsByClassName(the_del); for (var i 0; i sc.length; i) { sc[i].onclick function() { lb.removeChild(this.parentNode); } } } /script /body /html
XXXXXL19D18和XXXXXL19D16对比-XXXXXL19D18和XXXXXL19D16对比应用
