jquery果凍抖動效果實(shí)現(xiàn)方法
來源:易賢網(wǎng) 閱讀:915 次 日期:2015-03-30 14:38:25
溫馨提示:易賢網(wǎng)小編為您整理了“jquery果凍抖動效果實(shí)現(xiàn)方法”,方便廣大網(wǎng)友查閱!

這篇文章主要介紹了jquery果凍抖動效果實(shí)現(xiàn)方法,涉及animate方法的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了jquery果凍抖動效果實(shí)現(xiàn)方法。分享給大家供大家參考。

具體實(shí)現(xiàn)方法如下:

代碼如下:

<html>

<head>

<script type="text/javascript" src="jquery-1.8.2.min.js"></script>

<script type="text/javascript">

$(function(){

$("div").mouseover(function(){

$(this).animate({"width":"320","height":"100"},100);

$(this).animate({"width":"310","height":"90"},100);

}).mouseout(function(){

$(this).animate({"width":"300","height":"80"},100);

});

});

</script>

<style type="text/css">

div{width:300px;height:80px;border-radius:8px;background:green;margin-top:10px;}

</style>

</head>

<body style="background-color:#e8e8e8;">

<div></div>

<div></div>

<div></div>

<div></div>

</body>

</html>

希望本文所述對大家的jQuery程序設(shè)計(jì)有所幫助。

更多信息請查看IT技術(shù)專欄

更多信息請查看腳本欄目
易賢網(wǎng)手機(jī)網(wǎng)站地址:jquery果凍抖動效果實(shí)現(xiàn)方法
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇?zhǔn)!
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機(jī)站點(diǎn)

版權(quán)所有:易賢網(wǎng)