텍스트 상자 워터프린트 알림 효과의 간단한 실현 코드
<br/> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"/>
<br/> <style type="text/css">
<br> #divTips{
<br> filter:alpha(opacity=30); /*IE , 50%*/
<br> -moz-opacity:0.3; /*Firefox , 50%*/
<br> opacity:0.3;/* , 50%*/
<br> position: absolute;width: 600px; height: 400px;display:none;color:red;z-index:10;padding:10px;
<br> }
<br> </style>
<br/> <script type="text/javascript">
<br> $(function () {
<br> var $txtNote = $("#txtNote");
<br> var $divTips = $("#divTips");
<br> $txtNote.focus(function () {
<br> //
<br> $divTips.hide();
<br> }).blur(function () {
<br> // , , .
<br> $divTips.toggle($txtNote.val() == "")
<br> .css({
<br> "left": $txtNote.position().left,
<br> "top" : $txtNote.position().top
<br> });
<br> });
<br> $divTips.click(function () {
<br> $txtNote.focus();
<br> });
<br> $txtNote.blur();
<br> });
<br> </script>
<br/>
<br/>
<br/> <br/>
<br/> <textarea id="txtNote" style="width: 600px; height: 400px;"/>
<br/> <div id="divTips">
<br/> , , !!<br/>
<br/> ( name, )
<br/> </div><br/>
<br/> <input type="text" value=" "/> <input type="text" value=" /QQ/……"/>
<br/>
<br/>
<br/>
</code></pre>
<div class="clearfix">
<span id="art_bot" class="jbTestPos"/>
</div>
</div>
</div>
</div>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.