亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 網站 > 實用代碼 > 正文

新浪@提示效果，輸入@的時候會有提示的代碼

2024-09-05 12:22:43

字體：大中小

來源：轉載

供稿：網友

新浪@提示效果，輸入@的時候會有提示的代碼，輸入@后再繼續輸入就能看到提示。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=GBK" /><title>模板新浪@提醒功能</title><style>* { margin:0; padding:0;}textarea { margin:20px 0 0 20px;}</style><script src="http://bbs.live0311.com/js/jquery-1.7.1.min.js"></script><script">$(function() {	var calculator = {		// key styles		primaryStyles: ['fontFamily', 'fontSize', 'fontWeight', 'fontVariant', 'fontStyle',			'paddingLeft', 'paddingTop', 'paddingBottom', 'paddingRight',			'marginLeft', 'marginTop', 'marginBottom', 'marginRight',			'borderLeftColor', 'borderTopColor', 'borderBottomColor', 'borderRightColor',  			'borderLeftStyle', 'borderTopStyle', 'borderBottomStyle', 'borderRightStyle', 			'borderLeftWidth', 'borderTopWidth', 'borderBottomWidth', 'borderRightWidth',			'line-height', 'outline'],		specificStyle: {			'word-wrap': 'break-word',			'overflow-x': 'hidden',			'overflow-y': 'auto'		},				simulator : $('<div   class="xh5fn9v"   id="textarea_simulator"/>').css({				position: 'absolute',				top: 0,				left: 0,				visibility: 'hidden'			}).appendTo(document.body),		toHtml : function(text) {			return text.replace(//n/g, '<br>')				.split(' ').join('<span style="white-space:prev-wrap"> </span>');		},		// calculate position 		getCaretPosition: function() {			var cal = calculator, self = this, element = self[0], elementOffset = self.offset();			// IE has easy way to get caret offset position			/*if ($.browser.msie) {				// must get focus first				element.focus();			    var range = document.selection.createRange();  			    $('#hskeywords').val(element.scrollTop);			    return {  			        left: range.boundingLeft - elementOffset.left,			        top: parseInt(range.boundingTop) - elementOffset.top + element.scrollTop 						+ document.documentElement.scrollTop + parseInt(self.getComputedStyle("fontSize")) 			    };  			}  */			cal.simulator.empty();			// clone primary styles to imitate textarea			$.each(cal.primaryStyles, function(index, styleName) {				self.cloneStyle(cal.simulator, styleName);			});			// caculate width and height			cal.simulator.css($.extend({				'width': self.width(),				'height': self.height()			}, cal.specificStyle));			var value = self.val(), cursorPosition = self.getCursorPosition();			var beforeText = value.substring(0, cursorPosition);				atpos=beforeText.lastIndexOf('@');				if(atpos!=-1){				beforeText=beforeText.substring(0,atpos)				afterText = value.substring(atpos);				}else{				afterText = value.substring(cursorPosition);				}			var before = $('<span id="d9xxlbp"    class="before"/>').html(cal.toHtml(beforeText)),				focus = $('<span id="jldxpzz"    class="focus"/>'),				after = $('<span id="bjprhfr"    class="after"/>').html(cal.toHtml(afterText));			cal.simulator.append(before).append(focus).append(after);			var focusOffset = focus.offset(), simulatorOffset = cal.simulator.offset();			// alert(focusOffset.left  + ',' +  simulatorOffset.left + ',' + element.scrollLeft);			return { 				top: focusOffset.top - simulatorOffset.top - element.scrollTop					// calculate and add the font height except Firefox					+ ($.browser.mozilla ? 0 : parseInt(self.getComputedStyle("fontSize"))), 				left: focus[0].offsetLeft// -  cal.simulator[0].offsetLeft - element.scrollLeft			};		}	};	$.fn.extend({		getComputedStyle: function(styleName) {			if (this.length == 0) return;			var thiz = this[0];			var result = this.css(styleName);			result = result || ($.browser.msie ?				thiz.currentStyle[styleName]:				document.defaultView.getComputedStyle(thiz, null)[styleName]);			return result;					},		// easy clone method 		cloneStyle: function(target, styleName) {			var styleVal = this.getComputedStyle(styleName);			if (!!styleVal) {				$(target).css(styleName, styleVal);			}		},		cloneAllStyle: function(target, style) {			var thiz = this[0];			for (var styleName in thiz.style) {				var val = thiz.style[styleName];				typeof val == 'string' || typeof val == 'number' 					? this.cloneStyle(target, styleName)					: NaN;			}		},		getCursorPosition : function() {	        var thiz = this[0], result = 0;	        if ('selectionStart' in thiz) {	            result = thiz.selectionStart;	        } else if('selection' in document) {	        	var range = document.selection.createRange();	        	if (parseInt($.browser.version) > 6) {		            thiz.focus();		            var length = document.selection.createRange().text.length;		            range.moveStart('character', - thiz.value.length);		            result = range.text.length - length;	        	} else {	                var bodyRange = document.body.createTextRange();	                bodyRange.moveToElementText(thiz);	                for (; bodyRange.compareEndPoints("StartToStart", range) < 0; result++)	                	bodyRange.moveStart('character', 1);	                for (var i = 0; i <= result; i ++){	                    if (thiz.value.charAt(i) == '/n')	                        result++;	                }	                var enterCount = thiz.value.split('/n').length - 1;					result -= enterCount;                    return result;	        	}	        }	        return result;	    },		getCaretPosition: calculator.getCaretPosition	});});</script><script type="text/javascript">/*** 獲取光標所在的字符位置* @param obj 要處理的控件, 支持文本域和輸入框* @author hotleave*/function getInputPosition(obj){var result = 0;if(obj.selectionStart){ //非IE瀏覽器result = obj.selectionStart}else{ //IEvar rng;if(obj.tagName == "TEXTAREA"){ //如果是文本域rng = event.srcElement.createTextRange();rng.moveToPoint(event.x,event.y);}else{ //輸入框rng = document.selection.createRange();}rng.moveStart("character",-event.srcElement.value.length);result = rng.text.length;}return result;}/*控制元素可見性*/function showHide(classorid,show){if(show>0){$(classorid).show();}else{$(classorid).hide();}}/************/function getValue(obj){// var pos = getInputPosition(obj); 這個方法或者插件里的方法都OKvar pos = $(obj).getCursorPosition();var preval=obj.value.substr(0,pos);var atpos=preval.lastIndexOf('@');if(atpos>=0){var atval=preval.substring(atpos+1,pos);mousepos = $('textarea').getCaretPosition();}if(atval&&atval.length<20){if(atval.match(/[^/u4e00-/u9fa5/w@_-]/g)){//匹配@后面有哪些內容時不出現提示$('.wb_fb_notice').hide();}else{if($('.wb_fb_notice').html()==null){$('body').append("<div   id="99j99l9"   class='wb_fb_notice' onclick=/"showHide('.wb_fb_notice',0)/">輕敲空格完成輸入</div>");$('.wb_fb_notice').css({left:$('#textarea').offset().left+mousepos.left,top:$('#textarea').offset().top+mousepos.top,position:'absolute',border:'1px solid #ccc',padding:'5px',background:"#fff",zIndex:'22',fontSize:'12px'});}else{$('.wb_fb_notice').css({left:$('#textarea').offset().left+mousepos.left,top:$('#textarea').offset().top+mousepos.top,position:'absolute',border:'1px solid #ccc',padding:'5px',background:"#fff",zIndex:'22',fontSize:'12px'});$('.wb_fb_notice').show();}}}else{$('.wb_fb_notice').hide();}}</script></head><body><div><textarea rows="6" cols="60" onmouseup="getValue(this)" onkeyup="getValue(this)" onblur="showHide('.wb_fb_notice',0)" id="textarea" >

上一篇：漂浮廣告JS代碼，圖片飄動特效

下一篇：Js彈性漂浮廣告代碼

學習交流

如何查找有故障的配件

如何查找有故障的配件...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注

新聞熱點

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遺憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 媽媽：高考雖重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回應是否會直播帶貨：有人出100萬想和他合作！

2024-06-25 19:29:23

名校搶人名場面：清華、北大太拼了！

2024-06-25 19:22:14

男生高考語文滿分！網友：第一次聽說

2024-06-25 19:19:15

疑難解答

圖片精選

網友關注

亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

亚洲伦理中文字幕| 亚洲女性裸体视频| 精品少妇v888av| 欧美精品免费看| 日韩成人av一区| 欧美电影第一页| 亚洲国产欧美日韩精品| 精品国产一区二区三区久久久| www国产亚洲精品久久网站| 欧美最猛黑人xxxx黑人猛叫黄| 奇门遁甲1982国语版免费观看高清| 国语自产精品视频在免费| 成人免费视频网址| 国产精品女视频| 精品亚洲一区二区三区四区五区| 亚洲精品资源美女情侣酒店| 欧美日韩国产一区在线| 欧美日韩在线视频首页| 日本久久久久久久久久久| 日韩av网站导航| 国产精品综合不卡av| 精品亚洲va在线va天堂资源站| 国产69精品99久久久久久宅男| 日韩在线精品一区| 国产美女精品免费电影| 91丝袜美腿美女视频网站| 亚洲美女av网站| 国产精品揄拍500视频| 欧美综合在线观看| 国产日韩欧美在线观看| 日本欧美一二三区| 在线看欧美日韩| 欧美xxxwww| 97热在线精品视频在线观看| 国产成人精品日本亚洲专区61| 欧美精品久久久久a| 日韩中文字幕亚洲| 亚洲成人国产精品| 日韩在线观看免费全集电视剧网站| 91中文字幕在线| 最近中文字幕2019免费| 欧美一级片免费在线| 久久久爽爽爽美女图片| www.欧美精品一二三区| 国产精品久久久久久一区二区| 国产ts一区二区| 欧美成人sm免费视频| 91久久久久久久久久| 国产精品高潮呻吟久久av无限| 国产欧美日韩综合精品| 中文字幕亚洲无线码在线一区| 日韩中文字幕在线看| 国产aaa精品| 亚洲成在人线av| 日韩美女av在线| 欧美激情久久久久久| 九九久久久久久久久激情| 欧美韩国理论所午夜片917电影| 日日骚久久av| 国产亚洲aⅴaaaaaa毛片| 91在线网站视频| 欧美自拍视频在线| 97免费在线视频| 久久视频免费在线播放| 中文字幕亚洲一区二区三区五十路| 欧洲精品毛片网站| 色小说视频一区| 在线观看成人黄色| 亚洲国产精品国自产拍av秋霞| 国产一区二区三区18| 久久成人亚洲精品| 国产欧美日韩综合精品| 日韩有码片在线观看| 欧美激情欧美激情| 亚洲男人7777| 97国产精品免费视频| 国产成人综合一区二区三区| 97久久久免费福利网址| 久久视频在线视频| 97精品伊人久久久大香线蕉| 91精品啪aⅴ在线观看国产| 欧美日韩在线一区| 97成人超碰免| 日韩亚洲精品视频| 欧美日韩精品在线| 亚洲国产精品电影在线观看| 性色av一区二区三区在线观看| 欧美日韩aaaa| 欧美日韩xxx| 午夜精品蜜臀一区二区三区免费| 激情久久av一区av二区av三区| 日韩精品亚洲元码| 欧美精品久久久久| 日韩视频免费在线| 亚洲精品98久久久久久中文字幕| 色综合91久久精品中文字幕| 亚洲成av人乱码色午夜| 日韩在线免费视频观看| 日韩av在线免播放器| 国产一区二区av| 海角国产乱辈乱精品视频| 91av在线视频观看| 欧美肥臀大乳一区二区免费视频| 最好看的2019的中文字幕视频| 日韩免费观看网站| 久久影院资源站| 国产精品视频白浆免费视频| 在线视频日本亚洲性| 国产成人精品999| 国产一区视频在线| 日韩免费在线免费观看| 国产成人精品视频| 日韩黄在线观看| 日本午夜精品理论片a级appf发布| 午夜精品国产精品大乳美女| 最近中文字幕mv在线一区二区三区四区| 在线一区二区日韩| 国产精品成人观看视频国产奇米| 日本成熟性欧美| 久久久久久亚洲精品中文字幕| 欧美与欧洲交xxxx免费观看| 日韩极品精品视频免费观看| 欧美中文字幕精品| 国产精品揄拍500视频| 国产综合视频在线观看| 久久精品国产亚洲7777| 国产精品毛片a∨一区二区三区|国| 亚洲成人亚洲激情| 欧美成人免费在线视频| 国产精品视频成人| 国产日韩精品电影| 亚洲精品国偷自产在线99热| 久热精品视频在线观看| 欧美日韩国产精品| 欧美性高潮在线| 久久人人97超碰精品888| 久久精品福利视频| 欧美丰满片xxx777| 日韩亚洲第一页| 欧美日韩激情美女| 国产精品免费一区豆花| 国产精品成久久久久三级| 全亚洲最色的网站在线观看| 国产精品一区专区欧美日韩| 欧美夫妻性生活视频| 视频一区视频二区国产精品| 96国产粉嫩美女| 日本精品在线视频| 91香蕉嫩草神马影院在线观看| 亚洲97在线观看| 亚洲影视中文字幕| 中文字幕视频一区二区在线有码| 久久久精品中文字幕| 国产精品永久免费在线| 国产精品普通话| 不卡av在线播放| 国产精品99蜜臀久久不卡二区| 久久97精品久久久久久久不卡| 亚洲淫片在线视频| 在线电影中文日韩| 国产日韩欧美中文| 欧美一乱一性一交一视频| 国产性色av一区二区| 美日韩精品视频免费看|