Jquery實現(xiàn)簡單的動畫效果代碼
更新時間：2012年03月18日 13:51:40 作者：
Jquery實現(xiàn)簡單的動畫效果代碼，需要的朋友可以參考下
復制代碼 代碼如下:
<!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>
<title></title>
<script src="http://demo.jb51.net/jslib/jquery/jquery-1.7.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#panel").css("opacity", "0.1");//設置透明度
$("#panel").click(function () {
$(this).animate({ left: "400px", height: "200px", opacity: "1" }, 3000)//在3秒內(nèi)向右移動400px,高度放大200px，透明度改為1
.animate({ top: "200px,width:200px" }, 3000)
.fadeOut("slow"); //以淡出的方式隱藏
});
})
</script>
</head>
<body>
<div id="panel" style=" position:relative; background-color:Olive; height:100px; width:100px; border:1px; border-color:Aqua;">
</div>
</body>
</html>
相關文章
博客園是程序員們比較喜歡的聚集地，很多人喜歡發(fā)發(fā)心得，一直都覺著挺好的，但最不滿意他的一點是，沒有返回到頂部的功能，好吧，我們自己來添。2015-01-01
使用jquery的cookie實現(xiàn)登錄頁記住用戶名和密碼的方法
今天小編就為大家分享一篇關于使用jquery的cookie實現(xiàn)登錄頁記住用戶名和密碼的方法，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-03-03
完美解決jQuery fancybox ie 無法顯示關閉按鈕的問題
下面小編就為大家?guī)硪黄昝澜鉀QjQuery fancybox ie 無法顯示關閉按鈕的問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
本篇文章主要是對jquery淡入淡出效果的簡單實例進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
本篇文章給大家詳細分析了ajax的data參數(shù)錯誤導致頁面崩潰的原因以及解決辦法，有需要的朋友參考學習下。2018-04-04
下面小編就為大家?guī)硪黄猨query 仿錨點跳轉到頁面指定位置的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
這篇文章主要為大家詳細介紹了EasyUI學習之Combobox下拉列表的相關資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
Jquery 數(shù)據(jù)選擇插件Pickerbox使用介紹
目前市面上很少見或幾乎沒有這數(shù)據(jù)(對象)選擇插件.比如,點擊input , select 元素時彈出div(窗口),載入數(shù)據(jù)讓用戶選擇數(shù)據(jù),選擇后在填充回對應的元素.2012-08-08
jQuery-ui引入后Vs2008的無智能提示問題解決方法
引入jQuery-vsdoc文件后，jQuery庫就能智能提示了，解決方法很簡單在jQuery-ui的目錄下再加入一個空的JS文件，命名jquery-ui-vsdoc.js2014-02-02
jQuery實現(xiàn)類似淘寶購物車全選狀態(tài)示例
今天寫了個類似淘寶購物車全選狀態(tài)，看下截圖，效果還不錯吧，具體的實現(xiàn)html及jQuery代碼如下，感興趣的朋友可以參考下哈2013-06-06