看看一级毛片,freechinese国产精品,韩国精品欧美一区二区三区

怎么用jquery定位一個(gè)div在某個(gè)input附近

2014.09.15

<!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=utf-8" />

<title>無標(biāo)題文檔</title>

<style type="text/css">

<!--

#apDiv1 {

border:1px solid red;

width:100px;

height:77px;

text-align:center;

padding:6px;

background-color:#FCC;

position:absolute;

z-index:99;

display:none; /*使div初始化時(shí)隱藏*/

}

input {

border:1px solid; /*注意這里的border寬度，后面要根據(jù)這個(gè)值額外增加div的left值*/

}

-->

</style>

<script type="application/javascript" src="js/jquery.js"></script>

<script type="application/javascript">

<!--

//dom加載完成時(shí)執(zhí)行

$(function(){

//input獲取焦點(diǎn)時(shí)在其旁邊顯示div

$('input').focus().click(function(){

var input = $(this);

var offset = input.offset();

//先后設(shè)置div的內(nèi)容、位置，最后顯示出來（漸進(jìn)效果）

$('#apDiv1').text(input.attr('name'))

.css('left',offset.left + input.width() + 2 + 'px')

.css('top',offset.top + 'px')

.fadeIn();

});

//input失去焦點(diǎn)時(shí)隱藏div

$('input').blur(function(){

$('#apDiv1').css('display','none');

});

//-->

</script>

</head>

<body>

<div id="apDiv1"></div>

<table width="200" border="0" cellspacing="1" cellpadding="3">

<tr>

<td><input type="text" name="textfield" id="textfield" /></td>

<td><input type="text" name="textfield2" id="textfield2" /></td>

</tr>

</table>

</body>

</html>

本站僅提供存儲(chǔ)服務(wù)，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)點(diǎn)擊舉報(bào)。

打開APP，閱讀全文并永久保存查看更多類似文章

如何用css控制input中的text和radio

JQuery 學(xué)習(xí)總結(jié)及實(shí)例

jquery與正則表達(dá)式的應(yīng)用

JQuery中阻止事件冒泡方式及其區(qū)別

支持ie firefox jQuery遮罩層

jQuery 無限級(jí)菜單實(shí)現(xiàn)

更多類似文章 >>

免费视频淫片aa毛片_日韩高清在线亚洲专区vr_日韩大片免费观看视频播放_亚洲欧美国产精品完整版