先給div設(shè)置一個(gè)邊框div{border:2px solid #999;}
成都創(chuàng)新互聯(lián)專(zhuān)注于企業(yè)全網(wǎng)整合營(yíng)銷(xiāo)推廣、網(wǎng)站重做改版、泰興網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5頁(yè)面制作、電子商務(wù)商城網(wǎng)站建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)公司、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)等建站業(yè)務(wù),價(jià)格優(yōu)惠性?xún)r(jià)比高,為泰興等各大城市提供網(wǎng)站開(kāi)發(fā)制作服務(wù)。
然后設(shè)置動(dòng)畫(huà):
$("div").animate({
borderWidth:0,
padding:'2px'
},1000)
關(guān)于JQUERY中的hide()和show()說(shuō)明如下:
1、jquery中show()是顯示出隱藏的元素。
比如有如下代碼:
$(".btn2").click(function(){
$("p").show();
});
點(diǎn)擊按鈕2的時(shí)候,文字就顯示出來(lái)了。
2、jquery中hide()是隱藏當(dāng)前顯示的元素。
$(".btn1").click(function(){
$("p").hide();
});
點(diǎn)擊按鈕1的時(shí)候,文字就隱藏了。
myCallBack去掉括號(hào)就行了
這個(gè)效果用fadeIn和fadeOut也可以,漸隱漸現(xiàn)。
采用Jquery的fadeIn(淡入),fadeOut(淡出)函數(shù),下面例子可測(cè)試
script?src=""/script
script
$(function(){
$("div").fadeOut(500)
})
/script
div?style="background:url();?width:380px;?height:180px;"/div